From 67e4f78f058e7125702e3df208d71cf78d7211ac Mon Sep 17 00:00:00 2001
From: ankit723 <varanasiartist.omg@gmail.com>
Date: Fri, 27 Sep 2024 12:37:19 +0530
Subject: [PATCH] home page bug fix

---
 .../src/systems/Home/components/Hero/Hero.tsx       | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/app-explorer/src/systems/Home/components/Hero/Hero.tsx b/packages/app-explorer/src/systems/Home/components/Hero/Hero.tsx
index 03a486db..65c8337e 100644
--- a/packages/app-explorer/src/systems/Home/components/Hero/Hero.tsx
+++ b/packages/app-explorer/src/systems/Home/components/Hero/Hero.tsx
@@ -101,14 +101,14 @@ export function Hero() {
             </div> */}
 
             <Box className={classes.searchWrapper()}>
-              <div className="row-span-2 col-span-4">
+              <div className="row-span-2 col-span-6 sm:col-span-4">
                 <LoadingWrapper
                   isLoading={isLoading}
                   loadingEl={<LoadingBox className="w-full h-[12rem]" />}
                   regularEl={<DailyTransaction blocks={dailyTsxData} />}
                 />
               </div>
-              <div className="row-span-2 col-span-3">
+              <div className="row-span-2 col-span-6 sm:col-span-3">
                 <LoadingWrapper
                   isLoading={isLoading}
                   loadingEl={<LoadingBox className="w-full h-[12rem]" />}
@@ -121,7 +121,7 @@ export function Hero() {
                   }
                 />
               </div>
-              <div className="row-span-1 col-span-5">
+              <div className="row-span-1 col-span-6 sm:col-span-5">
                 <LoadingWrapper
                   isLoading={isLoading}
                   loadingEl={<LoadingBox className="w-full h-[12rem]" />}
@@ -148,7 +148,7 @@ export function Hero() {
                   }
                 />
               </div>
-              <div className={`${'col-span-5 row-span-3'} `}>
+              <div className={`${'col-span-6 row-span-3 sm:col-span-5'} `}>
                 <LoadingWrapper
                   isLoading={isLoading}
                   loadingEl={<LoadingBox className="w-full h-full" />}
@@ -156,7 +156,7 @@ export function Hero() {
                 />
               </div>
 
-              <div className="row-span-2 col-span-4">
+              <div className="row-span-2 col-span-6 sm:col-span-4">
                 <LoadingWrapper
                   isLoading={isLoading}
                   loadingEl={<LoadingBox className="w-full h-[12rem]" />}
@@ -164,7 +164,7 @@ export function Hero() {
                 />
                 {/* <TPSChart /> */}
               </div>
-              <div className="row-span-2 col-span-3">
+              <div className="row-span-2 col-span-6 sm:col-span-3">
                 <LoadingWrapper
                   isLoading={isLoading}
                   loadingEl={<LoadingBox className="w-full h-[12rem]" />}
@@ -199,6 +199,7 @@ const styles = tv({
       'md:grid-cols-1 md:grid-rows-[auto,auto]',
       'lg:grid-cols-12 lg:grid-rows-[repeat(4,auto)]',
       'gap-y-5 gap-x-4',
+      'sm:grid-cols-1',
     ],
   },
 });