cleared grid error in home.tsx

This commit is contained in:
2025-09-22 19:47:14 +05:30
parent bf4134e2d6
commit 0964c0c9bb

View File

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