From cb763090467fd88789205a02a72d4e969c10a7df Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Sat, 5 Oct 2024 17:57:17 -0700
Subject: adjust channel card for mobile

---
 src/components/Countdown.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'src/components/Countdown.tsx')

diff --git a/src/components/Countdown.tsx b/src/components/Countdown.tsx
index 69e4bd0..a7af166 100644
--- a/src/components/Countdown.tsx
+++ b/src/components/Countdown.tsx
@@ -47,19 +47,19 @@ const Countdown: React.FC<CountdownProps> = ({ targetDate }) => {
     <div className="bg-gray-700 text-white font-sans">
       <div className="flex gap-2 text-2xl font-bold">
         <div className="flex flex-col items-center">
-          <div className="text-4xl">{timeLeft.days}</div>
+          <div className="text-4xl sm:text-2xl">{timeLeft.days}</div>
           <div className="text-xs uppercase">Days</div>
         </div>
         <div className="flex flex-col items-center">
-          <div className="text-4xl">{timeLeft.hours}</div>
+          <div className="text-4xl sm:text-2xl">{timeLeft.hours}</div>
           <div className="text-xs uppercase">Hours</div>
         </div>
         <div className="flex flex-col items-center">
-          <div className="text-4xl">{timeLeft.minutes}</div>
+          <div className="text-4xl sm:text-2xl">{timeLeft.minutes}</div>
           <div className="text-xs uppercase">Minutes</div>
         </div>
         <div className="flex flex-col items-center">
-          <div className="text-4xl">{timeLeft.seconds}</div>
+          <div className="text-4xl sm:text-2xl">{timeLeft.seconds}</div>
           <div className="text-xs uppercase">Seconds</div>
         </div>
       </div>
-- 
cgit v1.2.3

