spee.ch/client/scss/_channel-claims-display.scss
2019-03-07 01:43:49 -05:00

24 lines
677 B
SCSS

.channel-claims-display {
width: 100%;
display: grid;
grid-gap: $tertiary-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;
}
}