WIP

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 {