From 49e501cd511e41fcce8179d2bfd583d44345970a Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Tue, 17 Jun 2025 10:49:23 -0700
Subject: [PATCH] four col thing

---
 dist/app.css                          | 6 +++++-
 dist/mix-manifest.json                | 2 +-
 src/scss/flex-four-column-blocks.scss | 5 ++++-
 tpl/flex_4_column_business_blocks.tpl | 2 +-
 4 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/dist/app.css b/dist/app.css
index 753ae2a..e368849 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12780,10 +12780,14 @@ section.four-column-blocks .col {
   display: flex;
   gap: 1rem;
   align-items: center;
-  border-right: 1px solid #000;
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+@media (min-width: 768px) {
+  section.four-column-blocks .col {
+    border-right: 1px solid #000;
+  }
+}
 section.four-column-blocks .col:last-of-type {
   border: 0;
 }
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index db4cd01..9fdd1fc 100644
--- a/dist/mix-manifest.json
+++ b/dist/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=8af0c9c0d989b79afe124f8138dc1a63",
-    "/app.css": "/app.css?id=3e31fee00218b53564f3cf70a04049f4"
+    "/app.css": "/app.css?id=12f2c5721d8364525e28820d8f6dcd37"
 }
diff --git a/src/scss/flex-four-column-blocks.scss b/src/scss/flex-four-column-blocks.scss
index 0d859aa..fa15b4b 100644
--- a/src/scss/flex-four-column-blocks.scss
+++ b/src/scss/flex-four-column-blocks.scss
@@ -5,10 +5,13 @@ section.four-column-blocks {
         display: flex;
         gap: 1rem;
         align-items: center;
-        border-right: 1px solid $c-black;
         padding-top: 1rem;
         padding-bottom: 1rem;
 
+        @include media-breakpoint-up(md) {
+            border-right: 1px solid $c-black;
+        }
+
         &:last-of-type {
             border: 0;
         }
diff --git a/tpl/flex_4_column_business_blocks.tpl b/tpl/flex_4_column_business_blocks.tpl
index 0bc485d..b34223d 100644
--- a/tpl/flex_4_column_business_blocks.tpl
+++ b/tpl/flex_4_column_business_blocks.tpl
@@ -1,6 +1,6 @@
 <section class="four-column-blocks">
     <div class="container">
-        <div class="row">
+        <div class="row flex-column flex-md-row">
             {{#fourColContent}}
         </div>
     </div>