24 lines
673 B
SCSS
24 lines
673 B
SCSS
.channel-claims-display {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-gap: $thin-padding;
|
|
align-content: space-around;
|
|
@media (min-width: $break-point-x-large) {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
}
|
|
@media (min-width: $break-point-large) and (max-width: $break-point-x-large){
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
}
|
|
|
|
@media (min-width: $break-point-tablet) and (max-width: $break-point-large) {
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
}
|
|
|
|
@media (min-width: $break-point-mobile) and (max-width: $break-point-tablet) {
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
|
|
@media (max-width: $break-point-mobile) {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|