From e7bc751725f2fb4eeded7e11c1f1d93a841c44c3 Mon Sep 17 00:00:00 2001
From: Mark Conroy <mark@mark.ie>
Date: Fri, 23 May 2025 14:14:23 +0100
Subject: [PATCH 1/2] Update .lgd-row classes to use CSS grid

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

diff --git a/css/layout/grid.css b/css/layout/grid.css
index e9020298..5bf0602b 100644
--- a/css/layout/grid.css
+++ b/css/layout/grid.css
@@ -17,9 +17,11 @@
   - .lgd-row--thirds - direct descendants are all 33% each
   - .lgd-row--quarters - direct descendants are all 25% each
 */
+
 .lgd-row {
-  display: flex;
-  flex-wrap: wrap;
+  display: grid;
+  gap: var(--grid-column-spacing);
+  grid-template-columns: repeat(12, 1fr);
 }
 
 .lgd-row--centered {
@@ -30,10 +32,6 @@
   align-items: center;
 }
 
-.lgd-row > * {
-  margin-inline: calc(var(--grid-column-spacing) / 2);
-}
-
 .lgd-row__one-quarter,
 .lgd-row--quarters > *,
 .lgd-row__one-third,
@@ -43,7 +41,8 @@
 .lgd-row__two-thirds,
 .lgd-row__three-quarters,
 .lgd-row__full {
-  width: calc(100% - var(--grid-column-spacing));
+  width: 100%;
+  grid-column: span 12;
 }
 
 @media screen and (min-width: 48rem) {
@@ -55,27 +54,26 @@
   .lgd-row--halves > *,
   .lgd-row__two-thirds,
   .lgd-row__three-quarters {
-    width: calc(50% - var(--grid-column-spacing));
+    grid-column: span 6;
   }
 }
 
 @media screen and (min-width: 60rem) {
   .lgd-row__one-quarter,
   .lgd-row--quarters > * {
-    width: calc(25% - var(--grid-column-spacing));
+    grid-column: span 3;
   }
 
   .lgd-row__one-third,
   .lgd-row--thirds > * {
-    width: calc((100% / 3) - var(--grid-column-spacing));
+    grid-column: span 4;
   }
 
   .lgd-row__two-thirds {
-    width: calc((100% / 3 * 2) - var(--grid-column-spacing));
+    grid-column: span 8;
   }
-
   .lgd-row__three-quarters {
-    width: calc(75% - var(--grid-column-spacing));
+    grid-column: span 9;
   }
 }
 

From 3c7c7fd2b32e2a6d9a378b4da58ab02aef8bc148 Mon Sep 17 00:00:00 2001
From: Mark Conroy <mark@mark.ie>
Date: Tue, 27 May 2025 12:24:43 +0100
Subject: [PATCH 2/2] Coding standard

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

diff --git a/css/layout/grid.css b/css/layout/grid.css
index 5bf0602b..08f066ad 100644
--- a/css/layout/grid.css
+++ b/css/layout/grid.css
@@ -41,8 +41,8 @@
 .lgd-row__two-thirds,
 .lgd-row__three-quarters,
 .lgd-row__full {
-  width: 100%;
   grid-column: span 12;
+  width: 100%;
 }
 
 @media screen and (min-width: 48rem) {