From fb74b0df0a23cfbcbee3b50e5b36d80d17df0035 Mon Sep 17 00:00:00 2001
From: Yana <yanok87@users.noreply.github.com>
Date: Fri, 21 Feb 2025 13:54:40 +0200
Subject: [PATCH] fix landing page layout

---
 explorer-nextjs/src/app/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/explorer-nextjs/src/app/page.tsx b/explorer-nextjs/src/app/page.tsx
index db2467012e..2905c52799 100644
--- a/explorer-nextjs/src/app/page.tsx
+++ b/explorer-nextjs/src/app/page.tsx
@@ -24,14 +24,14 @@ export default async function Home() {
         <Grid size={12}>
           <SectionHeading title="Noise Generating Mixnet Overview" />
         </Grid>
-        <Grid size={{ xs: 12, md: 3 }}>
+        <Grid size={{ xs: 12, sm: 6, md: 3 }}>
           <NoiseCard />
         </Grid>
         <Grid
           container
           columnSpacing={5}
           rowSpacing={5}
-          size={{ xs: 12, md: 3 }}
+          size={{ xs: 12, sm: 6, md: 3 }}
         >
           <Grid size={12}>
             <RewardsCard />
@@ -41,10 +41,10 @@ export default async function Home() {
           </Grid>
         </Grid>
 
-        <Grid size={{ xs: 12, md: 3 }}>
+        <Grid size={{ xs: 12, sm: 6, md: 3 }}>
           <NetworkStakeCard />
         </Grid>
-        <Grid size={{ xs: 12, md: 3 }}>
+        <Grid size={{ xs: 12, sm: 6, md: 3 }}>
           <TokenomicsCard />
         </Grid>
       </Grid>