WIP

src/scss/flex-services-blocks.scss

@@ -12,6 +12,10 @@ section.services-blocks {
         display: flex;
         flex-direction: column;
         gap: 1.5rem;
+
+        @include media-breakpoint-up(lg) {
+            flex-direction: row;
+        }
     }
 
     .block {
@@ -19,7 +23,6 @@ section.services-blocks {
         padding: 2rem 1.5rem;
         background-color: $c-lightNavy;
         color: $c-white;
-        flex: 1 1 calc(50% - 0.75rem);
 
         svg {
             margin-bottom: 1rem;
@@ -44,7 +47,16 @@ section.services-blocks {
 
         &:first-of-type {
             background-color: $c-tan;
-            flex: 1 1 100%;
+        }
+
+        @include media-breakpoint-up(lg) {
+            flex: 1 1 calc(50% - 0.75rem);
+
+            .block {
+                &:first-of-type {
+                    flex: 1 1 100%;
+                }
+            }
         }
     }