Merged in feat/card-grid-ui (pull request #332)

Feat/card grid ui

Approved-by: Simon.Emanuelsson

components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx

@@ -45,7 +45,7 @@ export default async function CurrentBenefitsBlock({
   return (
     <SectionContainer>
       <SectionHeader title={title} link={link} subtitle={subtitle} />
-      <Grids.Scrollable>
+      <Grids.Stackable>
         {currentLevel.benefits.map((benefit, idx) => (
           <article className={styles.card} key={`${currentLevel}-${idx}`}>
             <Title
@@ -58,7 +58,7 @@ export default async function CurrentBenefitsBlock({
             </Title>
           </article>
         ))}
-      </Grids.Scrollable>
+      </Grids.Stackable>
       <SectionLink link={link} variant="mobile" />
     </SectionContainer>
   )

components/MyPages/Blocks/Benefits/NextLevel/index.tsx

@@ -42,7 +42,7 @@ export default async function NextLevelBenefitsBlock({
   return (
     <SectionContainer>
       <SectionHeader title={title} subtitle={subtitle} link={link} />
-      <Grids.Stackable>
+      <Grids.Stackable columns={2}>
         {nextLevel.benefits.map((benefit) => (
           <article key={benefit.title} className={styles.card}>
             <Chip>