From 772e6add8ac94715d6a99d6d4bab16857a6e9e0f Mon Sep 17 00:00:00 2001
From: Mikael Brevik <mikaelbre@gmail.com>
Date: Thu, 12 Dec 2024 14:26:40 +0100
Subject: [PATCH] fix: width for featured cases

---
 .../featuredCases/featuredCases.module.css    | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/components/customerCases/customerCase/featuredCases/featuredCases.module.css b/src/components/customerCases/customerCase/featuredCases/featuredCases.module.css
index 66e0ad32b..15f0c866c 100644
--- a/src/components/customerCases/customerCase/featuredCases/featuredCases.module.css
+++ b/src/components/customerCases/customerCase/featuredCases/featuredCases.module.css
@@ -1,24 +1,22 @@
 .wrapper {
   display: flex;
   flex-direction: column;
-  gap: 2rem;
-  margin: 4rem 0;
+  gap: var(--padding-s);
+  margin: 4rem auto;
+
+  max-width: var(--max-content-width-medium);
+  width: 100%;
 }
 
 .content {
-  display: flex;
-  gap: 5rem;
-
-  @media (max-width: 1024px) {
-    flex-direction: column;
-  }
+  display: grid;
+  gap: var(--padding-m);
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
 }
 
 .caseWrapper {
-  display: flex;
-  flex-direction: column;
   gap: 1rem;
-  max-width: 500px;
+  max-width: 31.25rem;
   flex-grow: 1;
   flex-basis: 0;
 }