fix: nesting bug in left column, widen right column to 380px
This commit is contained in:
parent
40486ee03f
commit
37ae95255f
2 changed files with 2 additions and 3 deletions
|
|
@ -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; }
|
||||
|
|
|
|||
|
|
@ -128,7 +128,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Weather Panel -->
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue