18 lines
653 B
CSS
18 lines
653 B
CSS
/* TekDek Responsive — Icarus: refine breakpoints */
|
|
|
|
@media (max-width: 768px) {
|
|
.menu-toggle { display: block; }
|
|
.main-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--color-surface); border-bottom: 1px solid var(--color-border); padding: 1rem; }
|
|
.main-nav.open { display: block; }
|
|
.main-nav ul { flex-direction: column; }
|
|
.main-nav a { padding: 0.75rem 1rem; }
|
|
.hero h1 { font-size: 2rem; }
|
|
.cards { grid-template-columns: 1fr 1fr; }
|
|
h1 { font-size: 1.75rem; }
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.cards { grid-template-columns: 1fr; }
|
|
.header-inner { padding: 0 1rem; }
|
|
}
|