Files for my website
bwc9876.dev
Cow on mobile
+9
-8
+9
-8
src/pages/index.astro
+9
-8
src/pages/index.astro
···
50
50
display: flex;
51
51
gap: var(--2);
52
52
justify-content: space-between;
53
-
align-items: center;
53
+
flex-direction: column-reverse;
54
+
}
55
+
56
+
@media (width >= 1200px) {
57
+
.hero {
58
+
flex-direction: row;
59
+
align-items: center;
60
+
}
54
61
}
55
62
56
63
@keyframes glow {
···
64
71
65
72
.hero-image {
66
73
--anim-props: 900ms 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 1 forwards;
67
-
display: none;
68
74
align-items: center;
75
+
align-self: center;
69
76
position: relative;
70
77
animation: glow var(--anim-props);
71
78
border-radius: 50%;
72
79
box-sizing: border-box;
73
80
margin: var(--10);
74
-
}
75
-
76
-
@media (width >= 1200px) {
77
-
.hero-image {
78
-
display: flex;
79
-
}
80
81
}
81
82
82
83
.hero-image img {