fix(SLB-306): update grid layout

AmazeeLabs · May 27, 2024 · c1797ee · c1797ee
1 parent 49156c3
commit c1797ee
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/ui/src/components/Organisms/PageContent/BlockInfoGrid.tsx b/packages/ui/src/components/Organisms/PageContent/BlockInfoGrid.tsx
@@ -11,13 +11,13 @@ export function BlockInfoGrid(props: BlockInfoGridFragment) {
       <div className="container-content">
         <div
           className={
-            'flex flex-col md:flex-row flex-wrap justify-center gap-12 lg:gap-16 items-center md:items-start'
+            'flex flex-col md:grid md:grid-cols-2 lg:grid-cols-3 flex-wrap justify-center gap-12 items-center md:items-start'
           }
         >
           {props.gridItems.map((item, index) => (
             <div
               key={index}
-              className="flex flex-col items-center justify-start gap-4 px-3 md:px-4 text-center md:max-w-[20rem] lg:max-w-[24rem]"
+              className="flex flex-col items-center justify-start gap-4 px-3 md:px-4 text-center"
             >
               {item?.icon && iconMap[item?.icon]}
               <div className="flex flex-col items-center justify-center gap-3">