From 74fbfc22874c139047bfdcfd6cd0264da5438744 Mon Sep 17 00:00:00 2001
From: Abhishek <abhitiwari3010@gmail.com>
Date: Sun, 3 Dec 2023 02:50:47 +0530
Subject: [PATCH] increased the width of product card for small screens

---
 apps/client/src/components/visitor/ProductCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/client/src/components/visitor/ProductCard.tsx b/apps/client/src/components/visitor/ProductCard.tsx
index bd5473c..a1d9ddd 100644
--- a/apps/client/src/components/visitor/ProductCard.tsx
+++ b/apps/client/src/components/visitor/ProductCard.tsx
@@ -50,7 +50,7 @@ function ProductCard(allProducts:{data:Product,userId:string}){
   
     const userBidAmount = getUserBid(data.bids, userId);
     console.log(userId)
-      return <div key={data._id} className="card mx-auto mb-10 rounded-md overflow-hidden w-[80%] sm:w-[60%] lg:w-[60%]" style={{boxShadow:"0 1px 2px 0", backgroundColor:"#F0EDED",
+      return <div key={data._id} className="card mx-auto mb-10 rounded-md overflow-hidden w-[95%] sm:w-[60%] lg:w-[60%]" style={{boxShadow:"0 1px 2px 0", backgroundColor:"#F0EDED",
         }}>
       <img className="" src={data.image.toString()} alt="Avatar" style={{height:"14em",width:"30em"}}/>
       <div className="container inline-grid grid-cols-2 px-3 py-2">