Personal Site
Make sure the header is always in the center of the nav
+9
-2
+9
-2
src/components/Header.astro
+9
-2
src/components/Header.astro
···
85
85
flex-direction: column;
86
86
align-items: start;
87
87
height: 4.5rem; /* (2rem + 1rem) * 1.5 */
88
-
nav,
88
+
89
+
nav {
90
+
margin-inline: auto;
91
+
}
92
+
89
93
h1 {
90
-
margin-inline: auto;
94
+
width: 100%;
95
+
text-align: center;
91
96
}
92
97
}
93
98
···
149
154
150
155
h1 {
151
156
margin-block: 0;
157
+
position: sticky;
158
+
inset: 0;
152
159
}
153
160
</style>