fit 6 cards for large screens

patelnets · Feb 21, 2024 · 1438fa6 · 1438fa6
1 parent 01afc2e
commit 1438fa6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/cards/Cards.tsx b/components/cards/Cards.tsx
@@ -8,9 +8,9 @@ interface Product {
 }
 export const Cards = ({ products }: { products: Product[] }) => {
   return (
-    <div className='gap-2 grid grid-cols-2 sm:grid-cols-4'>
+    <div className='gap-2 grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-6'>
       {products.map(({ name, id, stores }, index) => (
-        <Link key={id} href={`/product/${id}`}>
+        <Link className={'w-fit'} key={id} href={`/product/${id}`}>
           <Card
             className={'bg-light-cream'}
             shadow='sm'