The source code for my personal website and blog. hanna.lol
blog website

fix: correct margins and header alignments

+9 -4
+4 -4
src/pages/blog/[slug].astro
··· 170 170 } 171 171 172 172 @media only screen and (max-width: 1400px) { 173 - margin-top: 10px; 173 + margin-top: 12px; 174 174 position: relative; 175 175 overflow: visible; 176 176 max-height: none; ··· 207 207 } 208 208 209 209 & ul { 210 - margin-top: var(--space-xs); 210 + margin-top: var(--space-sm); 211 211 } 212 212 } 213 213 } ··· 238 238 239 239 .article { 240 240 width: 48rem; 241 - scroll-margin-top: 85px; 241 + scroll-margin-top: 70px; 242 242 243 243 @media only screen and (max-width: 800px) { 244 244 max-width: 100%; ··· 309 309 align-items: center; 310 310 display: flex; 311 311 color: var(--text-primary); 312 - scroll-margin-top: 85px; 312 + scroll-margin-top: 70px; 313 313 } 314 314 315 315 & :global(p),
+5
src/pages/index.astro
··· 85 85 display: flex; 86 86 justify-content: center; 87 87 align-items: center; 88 + 89 + @media only screen and (max-width: 800px) { 90 + padding-top: 24px; 91 + max-height: 100%; 92 + } 88 93 } 89 94 90 95 .container {