diff options
author | Isaac Kim <snakeisaac@gmail.com> | 2022-08-24 18:43:52 -0700 |
---|---|---|
committer | Isaac Kim <snakeisaac@gmail.com> | 2022-08-24 18:43:52 -0700 |
commit | ddd533fdf53c71aa5f37ba57dfa0cde9db8885ed (patch) | |
tree | ab84cdd52abe0d3e1deb0943bd827e0439d00866 /css | |
parent | 89dcd2cd96140846ed5f2a42ca1133e5f3760635 (diff) |
Add basic mobile responsiveness to nav
Diffstat (limited to 'css')
-rw-r--r-- | css/style.css | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/css/style.css b/css/style.css index bfcc57d..a50595f 100644 --- a/css/style.css +++ b/css/style.css @@ -65,6 +65,8 @@ hr { margin-bottom: 0.25rem; } + + /* Cool Button */ /* CSS Button - https://getcssscan.com/css-buttons-examples UIForms #74 */ @@ -169,11 +171,37 @@ hr { /* Media Queries */ @media screen and (max-width: 1000px) { + .hide-mobile { + display: none; + } + body { flex-direction: column; } #nav { width: 100%; + background: #a6b198; + height: 1.9rem; + overflow: hidden; + padding: 0rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + position: absolute; + } + + #logo { + width: 2rem; + } + + #logo-wrapper { + display: flex; + align-items: center; + } +} + +@media screen and (min-width: 1000px) { + .hide-desktop { + display: none; } } |