From ff61a072e62ebdbf6e57d7e745e96417dcbb91c3 Mon Sep 17 00:00:00 2001
From: Hamza Miloud Amar <hamzamiloudamar@gmail.com>
Date: Wed, 22 Jan 2025 16:44:52 +0100
Subject: [PATCH] docs: hero design improvement

---
 apps/docs/src/app/_components/home/hero.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/docs/src/app/_components/home/hero.tsx b/apps/docs/src/app/_components/home/hero.tsx
index db5f6c38..18b505e6 100644
--- a/apps/docs/src/app/_components/home/hero.tsx
+++ b/apps/docs/src/app/_components/home/hero.tsx
@@ -153,9 +153,11 @@ export function Hero() {
           <Text size="8" low color="b" weight="3" className="text-animation">
             Bundle Size comparison
           </Text>
-          {BUNDLE_SIZE_PROJECTS.map(({ id, ...rest }, index) => (
-            <BundleItem key={id} {...rest} index={index} />
-          ))}
+          <Grid gap="4" cols={{ default: '1fr', md: '1fr 1fr', lg: '1fr' }}>
+            {BUNDLE_SIZE_PROJECTS.map(({ id, ...rest }, index) => (
+              <BundleItem key={id} {...rest} index={index} />
+            ))}
+          </Grid>
         </Paper>
       </Paper>
     </Grid>