From 7c976c1b8d8190b88add5529d71cc45b0411fea2 Mon Sep 17 00:00:00 2001
From: Henry Webster <hwebs@hwebs.info>
Date: Sun, 26 Jul 2026 14:19:31 -0500
Subject: use flexbox on header

---
 style.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index d9fe494..f539e65 100644
--- a/style.css
+++ b/style.css
@@ -14,17 +14,18 @@ body {
 main {
     margin: 0 1rem;
 }
-header {
+body > header {
+    display: flex;
+    justify-content: space-between;
     padding: 0.5rem 1rem;
     color: ButtonText;
     background-color: ButtonFace;
+    gap: 0.5rem 1rem;
+    flex-wrap: wrap;
 }
 header nav {
     display: inline-block;
 }
-header span {
-    margin-right: 10px;
-}
 section header {
     font-style: italic;
 }
@@ -37,7 +38,7 @@ nav ul {
 nav ul li {
     display: inline-block;
     border-right: 1px solid ButtonText;
-    padding: 2px 10px;
+    padding: 0 10px;
     margin: 0;
 }
 nav ul li a,
-- 
cgit v1.3