
@media (min-width: 1500px) {
grid-template-columns:
1fr 1fr 55px 28%;
All cards = Standard
}
@media (max-width: 1500px) {
grid-template-columns:
1fr 1fr 55px 400px;
Assets cards = Condensed
}
@media (max-width: 1280px) {
grid-template-columns:
1fr 0 55px 400px;
TP and SP stacked in one column.
}
@media (max-width: 855px) {
grid-template-columns:
1fr 0 55px 0;
Assets: display: none;
}
@media (max-width: 500px) {
grid-template-columns:
1fr 0 55px 0;
TP/SP cards = Condensed
}