Responsive design now supports up to 4 columns
This commit is contained in:
parent
714f747b61
commit
ac2389a0a5
1 changed files with 9 additions and 2 deletions
|
@ -19,14 +19,21 @@
|
|||
}
|
||||
|
||||
state-card {
|
||||
width: calc(50% - 42px);
|
||||
width: calc(50% - 44px);
|
||||
margin: 8px 0 0 8px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1100px) {
|
||||
state-card {
|
||||
width: calc(33% - 37px);
|
||||
width: calc(33% - 38px);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1450px) {
|
||||
state-card {
|
||||
width: calc(25% - 42px);
|
||||
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue