From 3fd6e576b0c5a61e9041e047758ae4368caad14a Mon Sep 17 00:00:00 2001 From: Nayab W <42422512+nayabw@users.noreply.github.com> Date: Sat, 3 Nov 2018 16:24:32 -0500 Subject: Will this fix it? --- style.css | 46 ++++++++++++++++++++++++---------------------- 1 file changed, 24 insertions(+), 22 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index a551f26..2b6144e 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,26 @@ +@media screen and (max-width: 600px) { + .navigation a:not(:first-child) {display: none;} + .navigation a.icon { + float: right; + display: block; + } + } + + + @media screen and (max-width: 600px) { + .navigation.responsive {position: relative;} + .navigation.responsive a.icon { + position: absolute; + right: 0; + top: 0; + } + .navigation.responsive a { + float: none; + display: block; + text-align: left; + } + } + body{ font-family: 'Roboto', sans-serif; background: #333; @@ -98,25 +121,4 @@ li a:hover { } - @media screen and (max-width: 600px) { - .navigation a:not(:first-child) {display: none;} - .navigation a.icon { - float: right; - display: block; - } - } - - - @media screen and (max-width: 600px) { - .navigation.responsive {position: relative;} - .navigation.responsive a.icon { - position: absolute; - right: 0; - top: 0; - } - .navigation.responsive a { - float: none; - display: block; - text-align: left; - } - } \ No newline at end of file + \ No newline at end of file -- cgit v1.2.3