54 lines
862 B
SCSS
54 lines
862 B
SCSS
// ============================================================
|
|
// Responsive
|
|
// ============================================================
|
|
|
|
@media (max-width: 920px) {
|
|
.grid-3 {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
|
|
.event-hero__body,
|
|
.split,
|
|
.map-page,
|
|
.admin-shell {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.map-wrap {
|
|
height: 320px;
|
|
}
|
|
|
|
.stats-grid {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
|
|
.footer__grid {
|
|
grid-template-columns: 1fr;
|
|
gap: var(--space-6);
|
|
}
|
|
}
|
|
|
|
@media (max-width: 620px) {
|
|
.grid-3,
|
|
.grid-2 {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.section {
|
|
padding-block: var(--space-8);
|
|
}
|
|
|
|
.header__inner {
|
|
flex-wrap: wrap;
|
|
padding-block: var(--space-2);
|
|
}
|
|
|
|
.nav {
|
|
order: 3;
|
|
width: 100%;
|
|
overflow-x: auto;
|
|
margin-left: 0;
|
|
padding-bottom: var(--space-1);
|
|
}
|
|
}
|