Main Page.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 446: | Line 446: | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
.crw-card-grid{ | |||
display: grid !important; | |||
grid-template-columns: repeat(6, minmax(0, 1fr)); | |||
gap: 12px; | |||
justify-items: stretch; | |||
align-items: stretch; | |||
} | |||
.crw-card-grid > p{ | |||
margin: 0; | |||
display: contents; | |||
} | |||
.crw-card-grid .crw-card-link{ | |||
width: 100%; | |||
height: 100%; | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
/* */ | |||
@media (max-width: 1400px){ .crw-card-grid{ grid-template-columns: repeat(5, minmax(0, 1fr)); } } | |||
@media (max-width: 1200px){ .crw-card-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); } } | |||
@media (max-width: 960px){ .crw-card-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } | |||
@media (max-width: 720px){ .crw-card-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } | |||
@media (max-width: 480px){ .crw-card-grid{ grid-template-columns: 1fr; } } | |||