diff --git a/nav.css b/nav.css index 0377714..53eb874 100644 --- a/nav.css +++ b/nav.css @@ -9,18 +9,18 @@ body > * { } #main { - position: absolute; + /*position: absolute; top: 0; - left: 192px; + left: 192px;*/ width: calc(100% - 192px); } #nav { width: 192px; background-color: #cccccc; - position: fixed; + /*position: fixed; top: 0; - left: 0; + left: 0;*/ } .nav-item { @@ -40,6 +40,19 @@ body > * { width: 100%; } +@media only screen and (min-width: 576px) { + #nav { + position: fixed; + top: 0; + left: 0; + } + #main { + position: absolute; + top: 0; + left: 192px; + } +} + @media only screen and (max-width: 576px) { #main, #nav { width: 100%;