diff --git a/styles.css b/styles.css index 979ef0b..d7c4ee0 100644 --- a/styles.css +++ b/styles.css @@ -213,7 +213,7 @@ small screens. /* Hides the menu at `48em`, but modify this based on your app's needs. */ -/*@media (min-width: 48em) { +@media (min-width: 48em) { .header, .content { @@ -223,7 +223,7 @@ Hides the menu at `48em`, but modify this based on your app's needs. #layout { padding-left: 150px; /* left col width "#menu" */ - /* left: 0; + left: 0; } #menu { left: 150px; @@ -238,17 +238,17 @@ Hides the menu at `48em`, but modify this based on your app's needs. #layout.active .menu-link { left: 150px; } -}*/ +} -@media (max-width: 48em) { +/*@media (max-width: 48em) { /* Only apply this when the window is small. Otherwise, the following case results in extra padding on the left: * Make the window small. * Tap the menu to trigger the active state. * Make the window large again. */ - #layout.active { + /* #layout.active { position: relative; left: 150px; } -} +}*/