.index-page { | |
max-width: 100dvw; | |
} | |
@media (orientation: landscape) { | |
.index-page-container { | |
max-width: 80dvw; | |
} | |
} | |
.index-page-container { | |
display: flex; | |
flex-direction: column; | |
flex: 1; | |
} | |
.section-title { | |
color: #ffffff; | |
font-size: 1.4rem; | |
font-weight: bold; | |
margin: 16px 0; | |
padding-left: 16px; | |
} | |
.grid-container { | |
display: grid; | |
grid-template-columns: repeat(auto-fit, minmax(158px, 1fr)); | |
gap: 16px; | |
padding: 0 16px; | |
} |