From 9d0c584ffbd251b12e387f31d19d2c2201fbe46f Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Tue, 3 Nov 2020 22:30:22 +0100
Subject: Crack open vertical alignment of flex items… again
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

"align-" ⇒ "along the cross-axis"

can get rid of that superstitious "margin: auto" now.

- add quatuor name
- allow nav items to wrap
- make background color less garish
---
 commun.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'commun.css')

diff --git a/commun.css b/commun.css
index ac84289..6f83f21 100644
--- a/commun.css
+++ b/commun.css
@@ -1,11 +1,16 @@
 header {
     display: flex;
-    width: 100%;
+    align-items: center;
 }
 
-header img {
+header .brand {
+    display: flex;
+    align-items: center;
+    max-width: 40%;
+}
+
+.brand img {
     height: 3em;
-    margin: auto;
 }
 
 nav {
@@ -14,6 +19,7 @@ nav {
 
 nav ol {
     display: flex;
+    flex-wrap: wrap;
     padding-left: 0;
     text-align: center;
     list-style-type: none;
-- 
cgit v1.2.3