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%;
|
width: 100%;
|
||||||
max-width: 1400px;
|
max-width: 1400px;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 320px 1fr 320px;
|
grid-template-columns: 320px 1fr 380px;
|
||||||
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 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); }
|
.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; }
|
||||||
|
|
|
||||||
|
|
@ -128,7 +128,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Weather Panel -->
|
<!-- Weather Panel -->
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue