From 0964c0c9bb89b809424818c26aa13d38d52e97a7 Mon Sep 17 00:00:00 2001
From: Vishesh 'ironeagle' Bangotra <aetoskia@gmail.com>
Date: Mon, 22 Sep 2025 19:47:14 +0530
Subject: [PATCH] cleared grid error in home.tsx

---
 app/routes/home.tsx | 88 ++++++++++++++++++++++-----------------------
 1 file changed, 42 insertions(+), 46 deletions(-)

diff --git a/app/routes/home.tsx b/app/routes/home.tsx
index ab57a6a..6c87f25 100644
--- a/app/routes/home.tsx
+++ b/app/routes/home.tsx
@@ -98,30 +98,28 @@ export default function Home() {
                     </Typography>
                     <Grid container spacing={3} justifyContent="center">
                         {services.core.map((s) => (
-                            <Grid item xs={12} sm={6} md={4} key={s.name}>
-                                <Paper
-                                    elevation={3}
-                                    sx={{
-                                        p: 2,
-                                        textAlign: "center",
-                                        bgcolor: "#2d2d2d",
-                                        borderRadius: 2,
-                                    }}
+                            <Paper
+                                elevation={3}
+                                sx={{
+                                    p: 2,
+                                    textAlign: "center",
+                                    bgcolor: "#2d2d2d",
+                                    borderRadius: 2,
+                                }}
+                            >
+                                <Link
+                                    href={s.url}
+                                    target={s.external ? "_blank" : undefined}
+                                    rel="noopener"
+                                    underline="none"
+                                    sx={{fontSize: 18, fontWeight: "bold", color: "success.main"}}
                                 >
-                                    <Link
-                                        href={s.url}
-                                        target={s.external ? "_blank" : undefined}
-                                        rel="noopener"
-                                        underline="none"
-                                        sx={{fontSize: 18, fontWeight: "bold", color: "success.main"}}
-                                    >
-                                        {s.name}
-                                    </Link>
-                                    <Typography variant="body2" sx={{mt: 1, color: "#ccc"}}>
-                                        {s.desc}
-                                    </Typography>
-                                </Paper>
-                            </Grid>
+                                    {s.name}
+                                </Link>
+                                <Typography variant="body2" sx={{mt: 1, color: "#ccc"}}>
+                                    {s.desc}
+                                </Typography>
+                            </Paper>
                         ))}
                     </Grid>
 
@@ -134,30 +132,28 @@ export default function Home() {
                     </Typography>
                     <Grid container spacing={3} justifyContent="center">
                         {services.media.map((s) => (
-                            <Grid component="div" item xs={12} sm={6} md={4} key={s.name}>
-                                <Paper
-                                    elevation={3}
-                                    sx={{
-                                        p: 2,
-                                        textAlign: "center",
-                                        bgcolor: "#2d2d2d",
-                                        borderRadius: 2,
-                                    }}
+                            <Paper
+                                elevation={3}
+                                sx={{
+                                    p: 2,
+                                    textAlign: "center",
+                                    bgcolor: "#2d2d2d",
+                                    borderRadius: 2,
+                                }}
+                            >
+                                <Link
+                                    href={s.url}
+                                    target={s.external ? "_blank" : undefined}
+                                    rel="noopener"
+                                    underline="none"
+                                    sx={{fontSize: 18, fontWeight: "bold", color: "success.main"}}
                                 >
-                                    <Link
-                                        href={s.url}
-                                        target={s.external ? "_blank" : undefined}
-                                        rel="noopener"
-                                        underline="none"
-                                        sx={{fontSize: 18, fontWeight: "bold", color: "success.main"}}
-                                    >
-                                        {s.name}
-                                    </Link>
-                                    <Typography variant="body2" sx={{mt: 1, color: "#ccc"}}>
-                                        {s.desc}
-                                    </Typography>
-                                </Paper>
-                            </Grid>
+                                    {s.name}
+                                </Link>
+                                <Typography variant="body2" sx={{mt: 1, color: "#ccc"}}>
+                                    {s.desc}
+                                </Typography>
+                            </Paper>
                         ))}
                     </Grid>
                 </Container>