From c45a239005d2e1613f902cd13fa1512a8dcd4807 Mon Sep 17 00:00:00 2001
From: Fredrik Thorsson <fredrik.thorsson@forefront.se>
Date: Wed, 12 Jun 2024 13:45:04 +0200
Subject: [PATCH] feat: change grid logic

---
 .../MyPages/Blocks/Benefits/CurrentLevel/current.module.css   | 4 ++++
 components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx     | 2 +-
 components/TempDesignSystem/CardGrid/cardGrid.module.css      | 4 ----
 components/TempDesignSystem/CardGrid/variants.ts              | 1 -
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css b/components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css
index 1a6776eca..a1fe5cbae 100644
--- a/components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css
+++ b/components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css
@@ -39,3 +39,7 @@
 .scriptTitle {
   transform: rotate(-3deg);
 }
+
+.test {
+  height: 100px;
+}
diff --git a/components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx b/components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx
index 1fc105be7..40a40d877 100644
--- a/components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx
+++ b/components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx
@@ -19,7 +19,7 @@ export default async function CurrentBenefitsBlock({
   const user = await serverClient().user.get()
   const { formatMessage } = await getIntl()
   // TODO: level should be fetched from the `user` object once available
-  // TAKE NOTE: we need clarification on how benefits stack from different levels
+  // TAKE NOTE: we need clarification on how benefits stack from different levels
   // in order to determine if a benefit is specific to a level or if it is a cumulative benefit
   // we might have to add a new boolean property "exclusive" or similar
   const userLevel = 1
diff --git a/components/TempDesignSystem/CardGrid/cardGrid.module.css b/components/TempDesignSystem/CardGrid/cardGrid.module.css
index 04548ba66..72ba11227 100644
--- a/components/TempDesignSystem/CardGrid/cardGrid.module.css
+++ b/components/TempDesignSystem/CardGrid/cardGrid.module.css
@@ -37,10 +37,6 @@
 }
 
 @media screen and (min-width: 1367px) {
-  .oneColumnGrid {
-    grid-template-columns: repeat(1, 1fr);
-  }
-
   .twoColumnGrid,
   .twoPlusOne {
     grid-template-columns: repeat(2, 1fr);
diff --git a/components/TempDesignSystem/CardGrid/variants.ts b/components/TempDesignSystem/CardGrid/variants.ts
index c1fc69db6..a8d80b275 100644
--- a/components/TempDesignSystem/CardGrid/variants.ts
+++ b/components/TempDesignSystem/CardGrid/variants.ts
@@ -8,7 +8,6 @@ export const cardGridVariants = cva(styles.gridContainer, {
       true: styles.carousel,
     },
     variant: {
-      oneColumnGrid: styles.oneColumnGrid,
       twoColumnGrid: styles.twoColumnGrid,
       threeColumnGrid: styles.threeColumnGrid,
       fourColumnGrid: styles.fourColumnGrid,