jae/jaeswift-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: widen panels to 96vw, reduce side padding, 400px/420px columns

Browse source
This commit is contained in:
jae 2026-04-01 05:09:27 +00:00
parent 37ae95255f
commit a1ac6d6e1d
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
css/style.css
View file

@ -316,15 +316,15 @@ a:hover { color: #fff; text-shadow: 0 0 10px var(--accent-glow); }
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: calc(var(--nav-height) + 40px + 2rem) 2rem 2rem; padding: calc(var(--nav-height) + 40px + 2rem) 1rem 2rem;
position: relative; position: relative;
} }
.hero-hud-grid { .hero-hud-grid {
width: 100%; width: 100%;
max-width: 1400px; max-width: 96vw;
display: grid; display: grid;
grid-template-columns: 320px 1fr 380px; grid-template-columns: 400px 1fr 420px;
grid-template-rows: auto; grid-template-rows: auto;
gap: 1.5rem; gap: 1.5rem;
align-items: start; align-items: start;
@ -1531,7 +1531,7 @@ a:hover { color: #fff; text-shadow: 0 0 10px var(--accent-glow); }
/* === RESPONSIVE === */ /* === RESPONSIVE === */
@media (max-width: 1024px) { @media (max-width: 1024px) {
.hero-hud-grid { grid-template-columns: 280px 1fr 340px; gap: 1rem; max-width: 1000px; } .hero-hud-grid { grid-template-columns: 340px 1fr 360px; gap: 1rem; max-width: 96vw; }
.blog-grid, .dev-grid { grid-template-columns: repeat(2, 1fr); } .blog-grid, .dev-grid { grid-template-columns: repeat(2, 1fr); }
.panels-grid { grid-template-columns: 1fr; } .panels-grid { grid-template-columns: 1fr; }
.contact-grid { grid-template-columns: 1fr; } .contact-grid { grid-template-columns: 1fr; }