From f6be31ddf9128b3184dafe313c3e29282a99620d Mon Sep 17 00:00:00 2001 From: Tor Andersson 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(-) 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