From fe518fc17cbf500a76c99d36c0eb4ed912fc49a1 Mon Sep 17 00:00:00 2001
From: Mark Conroy <mark@mark.ie>
Date: Tue, 27 May 2025 19:18:11 +0100
Subject: [PATCH 1/2] Update grid for items to fill space on small screen

---
 css/layout/grid.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/css/layout/grid.css b/css/layout/grid.css
index 08f066a..74eb9fb 100644
--- a/css/layout/grid.css
+++ b/css/layout/grid.css
@@ -21,7 +21,7 @@
 .lgd-row {
   display: grid;
   gap: var(--grid-column-spacing);
-  grid-template-columns: repeat(12, 1fr);
+  grid-template-columns: 1fr;
 }
 
 .lgd-row--centered {
@@ -41,11 +41,18 @@
 .lgd-row__two-thirds,
 .lgd-row__three-quarters,
 .lgd-row__full {
-  grid-column: span 12;
   width: 100%;
 }
 
 @media screen and (min-width: 48rem) {
+  .lgd-row {
+    grid-template-columns: repeat(12, 1fr);
+  }
+
+  .lgd-row__full {
+    grid-column: span 12;
+  }
+
   .lgd-row__one-quarter,
   .lgd-row--quarters > *,
   .lgd-row__one-third,

From aee33f85ed1926705678968b44b367c2150f713b Mon Sep 17 00:00:00 2001
From: Mark Conroy <mark@mark.ie>
Date: Tue, 27 May 2025 19:27:09 +0100
Subject: [PATCH 2/2] Set span for small screens

---
 css/layout/grid.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/css/layout/grid.css b/css/layout/grid.css
index 74eb9fb..2726045 100644
--- a/css/layout/grid.css
+++ b/css/layout/grid.css
@@ -42,6 +42,7 @@
 .lgd-row__three-quarters,
 .lgd-row__full {
   width: 100%;
+  grid-column: span 1;
 }
 
 @media screen and (min-width: 48rem) {