diff --git a/css/style.css b/css/style.css index 4883f82..1e589dd 100644 --- a/css/style.css +++ b/css/style.css @@ -963,13 +963,37 @@ footer a:visited { } } -@media (max-width: 579px) { +@media (max-width: 579px) { .desktop-nav { display: none; } - + .menu-toggle { - display: inline-block; + display: inline-block; + justify-self: end; + min-height: 52px; + } + + .menu-bar { + display: grid; + grid-template-columns: 1fr auto 1fr; + align-items: center; + } + + .menu-left { + justify-self: start; + } + + .menu-right { + display: contents; + } + + .desktop-nav-secondary { + justify-self: center; + } + + .desktop-nav-secondary ul { + justify-content: center; } }