fix: nesting bug in left column, widen right column to 380px

This commit is contained in:
jae 2026-04-01 05:02:25 +00:00
parent 40486ee03f
commit 37ae95255f
2 changed files with 2 additions and 3 deletions

View file

@ -324,7 +324,7 @@ a:hover { color: #fff; text-shadow: 0 0 10px var(--accent-glow); }
width: 100%;
max-width: 1400px;
display: grid;
grid-template-columns: 320px 1fr 320px;
grid-template-columns: 320px 1fr 380px;
grid-template-rows: auto;
gap: 1.5rem;
align-items: start;
@ -1531,7 +1531,7 @@ a:hover { color: #fff; text-shadow: 0 0 10px var(--accent-glow); }
/* === RESPONSIVE === */
@media (max-width: 1024px) {
.hero-hud-grid { grid-template-columns: 280px 1fr 280px; gap: 1rem; max-width: 1000px; }
.hero-hud-grid { grid-template-columns: 280px 1fr 340px; gap: 1rem; max-width: 1000px; }
.blog-grid, .dev-grid { grid-template-columns: repeat(2, 1fr); }
.panels-grid { grid-template-columns: 1fr; }
.contact-grid { grid-template-columns: 1fr; }

View file

@ -129,7 +129,6 @@
</div>
</div>
</div>
</div>
<!-- Weather Panel -->
<div class="panel hud-data-panel">