From 97e868dc91b3824c3cb53301558eade249697f89 Mon Sep 17 00:00:00 2001
From: Chris Lowis <chris.lowis@gmail.com>
Date: Wed, 25 Jun 2025 21:26:20 +0100
Subject: [PATCH] Make .two-column a single column on mobile

---
 assets/css/app.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/assets/css/app.css b/assets/css/app.css
index 3843b41..f6ef746 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -312,11 +312,19 @@ section.content h2 {
 .two-column {
   width: 100%;
   display: flex;
+  flex-direction: column;
   justify-content: center;
   gap: var(--space-xl);
   padding: var(--space-lg)
 }
 
+@media screen and (width >= 480px) {
+  .two-column {
+    display: flex;
+    flex-direction: row;
+  }
+}
+
 .two-column p {
   max-width: 70ch;
 }