From 56b2188590831dff5a48f63419005b83e2935ecf Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Fri, 4 Oct 2024 20:20:16 +0700
Subject: [PATCH] Refactor component and page structure for responsiveness

---
 src/components/paymentMethod.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/paymentMethod.tsx b/src/components/paymentMethod.tsx
index 859de89..16b294e 100644
--- a/src/components/paymentMethod.tsx
+++ b/src/components/paymentMethod.tsx
@@ -32,7 +32,7 @@ export function CardsPaymentMethod() {
       </CardHeader>
       <CardContent className="grid gap-6">
         <RadioGroup defaultValue="card" className="flex w-full justify-center gap-1 md:gap-3">
-          <div className="w-[100px] md:w-[150px]">
+          <div className="w-[100px] lg:w-[130px]">
             <RadioGroupItem
               value="card"
               id="card"
@@ -60,7 +60,7 @@ export function CardsPaymentMethod() {
             </Label>
           </div>
 
-          <div className="w-[100px] md:w-[150px]">
+          <div className="w-[100px] lg:w-[130px]">
             <RadioGroupItem
               value="paypal"
               id="paypal"
@@ -76,7 +76,7 @@ export function CardsPaymentMethod() {
             </Label>
           </div>
 
-          <div className="w-[100px] md:w-[150px]">
+          <div className="w-[100px] lg:w-[130px]">
             <RadioGroupItem
               value="apple"
               id="apple"