From f6be31ddf9128b3184dafe313c3e29282a99620d Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Mon, 11 Apr 2022 02:17:23 +0200
Subject: Tweak header menu for narrow screens.

---
 public/style.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'public/style.css')

diff --git a/public/style.css b/public/style.css
index 98e89b8..f4d677c 100644
--- a/public/style.css
+++ b/public/style.css
@@ -25,7 +25,12 @@ header img {
 	display: block;
 	margin: 4px 0 -2px 2px;
 }
-header nav a { margin: 0 1em; color: black; }
+header nav {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: end;
+}
+header nav a { display: block; margin: 0 16px; color: black; }
 header nav a:hover { color: blue; }
 article { margin: 2em; }
 article p, article dl, article ul { max-width: 50rem; }
-- 
cgit v1.2.3