Responsive design now supports up to 4 columns

This commit is contained in:
Paulus Schoutsen 2014-11-04 20:23:46 -08:00
parent 714f747b61
commit ac2389a0a5

View File

@ -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);
}
}