From 59889784976a0807ac98dcde89eeae2643034dcb Mon Sep 17 00:00:00 2001
From: Mikael Rozee <mikaelsrozee@gmail.com>
Date: Tue, 5 Oct 2021 16:56:37 +0100
Subject: [PATCH 1/2] fix(mobile): ensure all elements are same width on narrow
 displays

---
 style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index 0b2a29e..7a209ec 100644
--- a/style.css
+++ b/style.css
@@ -79,7 +79,7 @@ header {
 
 section {
   display: inline-block;
-  width: 30rem;
+  width: 100%;
 }
 
 /*********************************************
@@ -248,4 +248,4 @@ dd {
   padding: 0 1em 1em 2em;
   border-radius: 0 0 0.5em 0.5em;
   transition: var(--trans);
-}
\ No newline at end of file
+}

From 61a6eb880777b2327a4e2f591e6070858fcedd86 Mon Sep 17 00:00:00 2001
From: Mikael Rozee <mikaelsrozee@gmail.com>
Date: Tue, 5 Oct 2021 17:02:02 +0100
Subject: [PATCH 2/2] fix(mobile): use two columns for wider displays

---
 style.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 7a209ec..0edd384 100644
--- a/style.css
+++ b/style.css
@@ -17,6 +17,10 @@
   --wide-align: center;
 }
 
+section {
+    width: 100%;
+}
+
 /*********************************************
  * WIDE LAYOUT
  *********************************************/
@@ -27,6 +31,10 @@
     --wide-direction: row;
     --wide-align: start;
   }
+
+  section {
+      width: 30rem;
+  }
 }
 
 /*********************************************
@@ -79,7 +87,6 @@ header {
 
 section {
   display: inline-block;
-  width: 100%;
 }
 
 /*********************************************