diff --git a/static/styles.css b/static/styles.css index 5ed4c2e..cda971a 100644 --- a/static/styles.css +++ b/static/styles.css @@ -450,7 +450,7 @@ ul.flashes li { /* Media queries for responsiveness */ -@media (max-width: 768px) { +@media (max-width: 811px) { section#pinner-modal { width: 90%; left: 5%; @@ -467,4 +467,23 @@ ul.flashes li { nav ul { justify-content: center; } + } + +@media (min-width: 812px) { + nav { + height: 10vh; + } + nav ul { + justify-content: flex-end; + } + nav ul li { + padding: 0 var(--spacing-md); + } + nav ul li a { + padding: 0.5rem 1 + } + .control-button { + display: none; + } +} \ No newline at end of file