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:
parent
c099903a83
commit
06b819aeb9
13
css/skeleton.css
vendored
13
css/skeleton.css
vendored
@ -41,17 +41,20 @@
|
||||
width: 100%;
|
||||
box-sizing: border-box; }
|
||||
|
||||
/* For devices larger than 550px */
|
||||
@media (min-width: 550px) {
|
||||
|
||||
/* For devices larger than 400px */
|
||||
@media (min-width: 400px) {
|
||||
.container {
|
||||
width: 90%;
|
||||
width: 90%; }
|
||||
}
|
||||
|
||||
/* For devices larger than 550px */
|
||||
@media (min-width: 550px) {
|
||||
.container {
|
||||
padding: 0;
|
||||
width: 80%; }
|
||||
.column,
|
||||
.columns {
|
||||
margin-left: 4%; }
|
||||
|
||||
.column:first-child,
|
||||
.columns:first-child {
|
||||
margin-left: 0; }
|
||||
|
Loading…
Reference in New Issue
Block a user