From 1f3eab5c637f70ab709810c8c5d87e7ead53fc8b Mon Sep 17 00:00:00 2001 From: core Date: Tue, 13 Jun 2023 17:37:52 -0400 Subject: [PATCH] implement nav pt2 --- nav.css | 21 +++++++++++++++++---- 1 file changed, 17 insertions(+), 4 deletions(-) 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%;