Personal Site
Size the header consistently across browsers
+3
-1
+3
-1
src/components/Header.astro
+3
-1
src/components/Header.astro
···
72
72
margin: 0 20px 20px;
73
73
padding: 10px 20px;
74
74
overflow: auto;
75
+
height: 3rem; /* 2rem * 1.5 */
75
76
76
77
display: flex;
77
78
flex-direction: row;
78
79
justify-content: space-between;
79
80
align-items: center;
80
81
81
-
@media (max-width: 600px) {
82
+
@media (max-width: 650px) {
82
83
flex-direction: column;
83
84
align-items: start;
85
+
height: 4.5rem; /* (2rem + 1rem) * 1.5 */
84
86
nav,
85
87
h1 {
86
88
margin-inline: auto;