diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/pages/shop/promo/[slug].tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/pages/shop/promo/[slug].tsx b/src/pages/shop/promo/[slug].tsx index 667a26ce..6e18101f 100644 --- a/src/pages/shop/promo/[slug].tsx +++ b/src/pages/shop/promo/[slug].tsx @@ -339,7 +339,7 @@ export default function PromoDetail() { <> <div className='grid grid-cols-1 gap-x-1 gap-y-1'> {visiblePromotions?.map((promotion) => ( - <div key={promotion.id} className="min-w-[360px] max-w-[360px] mb-[20px] sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/4 "> + <div key={promotion.id} className="min-w-36 max-w-[400px] mb-[20px] sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/4 "> <ProductPromoCard promotion={promotion}/> </div> ))} @@ -395,9 +395,9 @@ export default function PromoDetail() { </div> ) : promoData && promoItems.length >= 1 ? ( <> - <div className='grid grid-cols-2 gap-x-36 gap-y-1'> + <div className='grid grid-cols-1 gap-x-20 gap-y-1 lg:gap-x-14 xl:gap-x-36 lg:grid-cols-2 '> {visiblePromotions?.map((promotion) => ( - <div key={promotion.id} className="min-w-[400px] max-w-[400px] mb-[20px] sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/4 "> + <div key={promotion.id} className="min-w-[400px] max-w-[400px] mb-[20px] sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/4 "> <ProductPromoCard promotion={promotion}/> </div> ))} |