dangrubbb/dangrubb.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prevent unnecessary scrolling on homepage

Browse Source 
- 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
This commit is contained in:
dangrubbb
2026-02-28 10:02:51 -05:00
parent 882fdd7e7f
commit ea044f0875
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
style.css
View File

@ -1,20 +1,23 @@
body { body {
background: #0d0a14; 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; font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
color: #9d9aa4; color: #9d9aa4;
position: relative; position: relative;
min-height: 100vh; height: 100vh;
overflow-y: auto;
box-sizing: border-box;
} }
.bard { .bard {
margin: 0 auto 20px; margin: 0 auto 30px;
/* Remove fixed width in pixels */ /* Remove fixed width in pixels */
width: 100%; width: 100%;
max-width: 65em; /* Keep the same max size for desktop */ max-width: 65em; /* Keep the same max size for desktop */
height: auto; height: auto;
aspect-ratio: 1 / 0.95; /* Maintains the proportion of the artwork */ aspect-ratio: 1 / 0.95; /* Maintains the proportion of the artwork */
font-size: 2px; font-size: 2px;
flex-shrink: 0;
} }
/* Adjust media queries for better scaling */ /* Adjust media queries for better scaling */