From 06b819aeb9081470d05461cb1cfdce571b03ec67 Mon Sep 17 00:00:00 2001 From: dhg Date: Mon, 15 Dec 2014 16:10:56 -0800 Subject: [PATCH] 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 --- css/skeleton.css | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/css/skeleton.css b/css/skeleton.css index daa83a2..78a98fe 100644 --- a/css/skeleton.css +++ b/css/skeleton.css @@ -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; }