changing the .container to feel appropriately sized on mobile/tablet devices. A very small update to grid that makes it all feel a little less constrained on smaller sizes

This commit is contained in:
dhg 2014-12-15 16:10:56 -08:00
parent c099903a83
commit 06b819aeb9

13
css/skeleton.css vendored
View File

@ -41,17 +41,20 @@
width: 100%;
box-sizing: border-box; }
/* For devices larger than 400px */
@media (min-width: 400px) {
.container {
width: 90%; }
}
/* For devices larger than 550px */
@media (min-width: 550px) {
.container {
width: 90%;
}
padding: 0;
width: 80%; }
.column,
.columns {
margin-left: 4%; }
.column:first-child,
.columns:first-child {
margin-left: 0; }