fix: prevent layout shift by using 100vw body instead of scrollbar-gutter
Build & Deploy / build-and-deploy (push) Successful in 1m35s

Setting body { width: 100vw; overflow-x: hidden; } means the body is
always the full viewport width regardless of scrollbar presence.
margin: 0 auto centers content within the body, which doesn't
change width when a vertical scrollbar appears — so the content
stays in place.

html { overflow-x: hidden; } clips any body overflow past the
viewport (body is 100vw while html content area shrinks with
scrollbar). No gutter discoloration since there's no gutter
reservation — the scrollbar appears naturally on the html element.
This commit is contained in:
Hermes Agent
2026-05-29 23:32:04 +02:00
parent 9bb341eab9
commit 677740aece
+2 -1
View File
@@ -62,10 +62,11 @@ body {
min-height: 100vh; min-height: 100vh;
line-height: 1.6; line-height: 1.6;
overflow-x: hidden; overflow-x: hidden;
width: 100vw;
} }
html { html {
scrollbar-gutter: stable; overflow-x: hidden;
} }
a { a {