Switch to button-menu sooner

1 files changed, 9 insertions, 8 deletions

diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index 0c50ad3..49071bf 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -1,3 +1,6 @@
+/* TODO: use a preprocessor, if only to be able to say
+   "wide-layout-threshold" instead of "50em", and
+   "xwide-layout-threshold" instead of "80em". */
 body {
     --gold: #BE8B00;
 
@@ -107,7 +110,7 @@ footer.legal {
     font-size: 75%;
 }
 
-@media (min-width: 40em) {
+@media (min-width: 50em) {
     body {
         --banner-logo-height: 8.5rem;
         --banner-name-height: 2rem;
@@ -148,14 +151,12 @@ footer.legal {
         padding-left: 0;
     }
 
-    /* I'd like to make sure the grid only ever has 1/2/4 columns.
-     * No idea how to do that with one single neat rule, so…
+    /* I'd like to make sure the grid only ever has an even number of
+     * columns.  No idea how to do that with one single neat rule, so…
      * 🤖 Go Go Gadget Mediaquery 🤖 */
 
-    @media (min-width: 50em) {
-        nav > ol {
-            grid-template-columns: repeat(2, minmax(8em, 1fr));
-        }
+    nav > ol {
+        grid-template-columns: repeat(2, minmax(8em, 1fr));
     }
 
     @media (min-width: 80em) {
@@ -238,7 +239,7 @@ footer.legal {
     }
 }
 
-@media (max-width: 40em) {
+@media (max-width: 50em) {
     body {
         --banner-logo-height: 6rem;
         --banner-name-height: 1.8rem;