From d63094d01eccfaf262be592436a96da25f25c543 Mon Sep 17 00:00:00 2001
From: Mathias Oterhals Myklebust <mom@variant.no>
Date: Wed, 30 Oct 2024 15:27:22 +0100
Subject: [PATCH] feat(SplitSection): hide empty section on narrow screens

---
 .../customerCase/sections/splitSection/SplitSection.tsx     | 2 +-
 .../sections/splitSection/splitSection.module.css           | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/customerCases/customerCase/sections/splitSection/SplitSection.tsx b/src/components/customerCases/customerCase/sections/splitSection/SplitSection.tsx
index cb71b9a49..12ac8ccb3 100644
--- a/src/components/customerCases/customerCase/sections/splitSection/SplitSection.tsx
+++ b/src/components/customerCases/customerCase/sections/splitSection/SplitSection.tsx
@@ -17,7 +17,7 @@ function SplitSectionSection({
 }) {
   switch (section._type) {
     case "emptySection":
-      return <div></div>;
+      return <div className={styles.emptySection}></div>;
   }
   return <CustomerCaseSection section={section} />;
 }
diff --git a/src/components/customerCases/customerCase/sections/splitSection/splitSection.module.css b/src/components/customerCases/customerCase/sections/splitSection/splitSection.module.css
index 0a7788ce5..68b56e4a4 100644
--- a/src/components/customerCases/customerCase/sections/splitSection/splitSection.module.css
+++ b/src/components/customerCases/customerCase/sections/splitSection/splitSection.module.css
@@ -20,3 +20,9 @@
   flex-basis: 0;
   flex-grow: 1;
 }
+
+.emptySection {
+  @media (max-width: 1024px) {
+    display: none;
+  }
+}