From 65114abf299075947f8d63540e4ac2d06696f576 Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Mon, 2 Jun 2025 16:41:15 -0700
Subject: [PATCH] WIP

---
 dist/app.css                       | 13 ++++---------
 dist/mix-manifest.json             |  2 +-
 src/scss/flex-services-blocks.scss | 12 ++++--------
 3 files changed, 9 insertions(+), 18 deletions(-)

diff --git a/dist/app.css b/dist/app.css
index 318ac18..321a981 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12538,8 +12538,9 @@ section.services-blocks .blocks {
 }
 @media (min-width: 992px) {
   section.services-blocks .blocks {
-    flex-direction: row;
-    flex-wrap: wrap;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: auto auto;
   }
 }
 section.services-blocks .block {
@@ -12569,13 +12570,7 @@ section.services-blocks .block:first-of-type {
 }
 @media (min-width: 992px) {
   section.services-blocks .block:first-of-type {
-    flex: 1 1 30%;
-    min-height: 100%;
-  }
-}
-@media (min-width: 992px) {
-  section.services-blocks .block {
-    flex: 1 1 calc(35% - 0.75rem);
+    grid-row: span 2;
   }
 }
 section.services-blocks .large-arrow {
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index fdfb69a..f88dc32 100644
--- a/dist/mix-manifest.json
+++ b/dist/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=ac271f1d4ead304b5ae143995cb9455e",
-    "/app.css": "/app.css?id=3dd58c8a3e88b569e991bde2ea3f7916"
+    "/app.css": "/app.css?id=8a50b8cdb89f246be53178cfe2b28e65"
 }
diff --git a/src/scss/flex-services-blocks.scss b/src/scss/flex-services-blocks.scss
index bea3032..5899ba7 100644
--- a/src/scss/flex-services-blocks.scss
+++ b/src/scss/flex-services-blocks.scss
@@ -14,8 +14,9 @@ section.services-blocks {
         gap: 1.5rem;
 
         @include media-breakpoint-up(lg) {
-            flex-direction: row;
-            flex-wrap: wrap;
+            display: grid;
+            grid-template-columns: 1fr 1fr 1fr;
+            grid-template-rows: auto auto;
         }
     }
 
@@ -50,14 +51,9 @@ section.services-blocks {
             background-color: $c-tan;
 
             @include media-breakpoint-up(lg) {
-                flex: 1 1 30%;
-                min-height: 100%;
+                grid-row: span 2;
             }
         }
-
-        @include media-breakpoint-up(lg) {
-            flex: 1 1 calc(35% - 0.75rem);
-        }
     }
 
     .large-arrow {