From ea044f087504c31116fc9e28f11834ebc7390f00 Mon Sep 17 00:00:00 2001 From: dangrubbb Date: Sat, 28 Feb 2026 10:02:51 -0500 Subject: [PATCH] Prevent unnecessary scrolling on homepage - Set body to height: 100vh with box-sizing: border-box - Keep glitch art at original size without forcing scroll - Padding accounts for fixed footer area - Content fits on screen without scrollbar when there's room --- style.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 7d66a9b..f88eac0 100644 --- a/style.css +++ b/style.css @@ -1,20 +1,23 @@ body { background: #0d0a14; - padding: 20px 20px 80px 20px; + padding: 20px 20px 100px 20px; font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace; color: #9d9aa4; position: relative; - min-height: 100vh; + height: 100vh; + overflow-y: auto; + box-sizing: border-box; } .bard { - margin: 0 auto 20px; + margin: 0 auto 30px; /* Remove fixed width in pixels */ width: 100%; max-width: 65em; /* Keep the same max size for desktop */ height: auto; aspect-ratio: 1 / 0.95; /* Maintains the proportion of the artwork */ font-size: 2px; + flex-shrink: 0; } /* Adjust media queries for better scaling */