From 061ce59023c031cb610ac5d87904d8e35854403e Mon Sep 17 00:00:00 2001
From: Stefan Seifert <stefanseifert@users.noreply.github.com>
Date: Sun, 20 Oct 2024 21:12:30 +0200
Subject: [PATCH] Tweak navigation display for screen widths between 800px and
 900px

---
 blocks/header/header.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/blocks/header/header.css b/blocks/header/header.css
index 6a7c132..09bcba8 100644
--- a/blocks/header/header.css
+++ b/blocks/header/header.css
@@ -48,6 +48,12 @@
   margin: 0.3em 0.75em;
 }
 
+@media screen and (width > 799px) and (width <= 899px) {
+  .header nav > ul li {
+    margin: 0.3em;
+  }
+}
+
 @media screen and (width > 799px) {
   .header nav > ul li:hover ul {
     display: block;