feat: change grid logic

components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css

@@ -39,3 +39,7 @@
 .scriptTitle {
   transform: rotate(-3deg);
 }
+
+.test {
+  height: 100px;
+}

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

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);

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,