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 {
|
state-card {
|
||||||
width: calc(50% - 42px);
|
width: calc(50% - 44px);
|
||||||
margin: 8px 0 0 8px;
|
margin: 8px 0 0 8px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (min-width: 1100px) {
|
@media all and (min-width: 1100px) {
|
||||||
state-card {
|
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
Add a link
Reference in a new issue