Mitigate ugly title wrapping

IIUC, CSS starts by computing block dimensions; when "Quatuor XXXX"
becomes too big, it picks the max-width; *then* CSS barfs the text
into the block, and finally notices that the text will wrap.  Cue ugly
blank space on the right.

https://old.reddit.com/r/css/comments/2y1d6w/fit_block_width_to_content_when_text_wraps_due_to/

1 files changed, 1 insertions, 1 deletions

diff --git a/commun.css b/commun.css
index 7248bfc..f0a0f19 100644
--- a/commun.css
+++ b/commun.css
@@ -15,7 +15,6 @@ header.banner {
 header.banner .brand {
     display: flex;
     align-items: center;
-    max-width: 40%;
 }
 
 header.banner .brand img {
@@ -23,6 +22,7 @@ header.banner .brand img {
 }
 header.banner .brand h1 {
     transition: color 1s;
+    text-align: center;
 }
 header.banner .brand:hover img {
     filter: brightness(100%) sepia(100%);