dev-jaanvi #1
|
@ -289,13 +289,12 @@ const LandingPage = () => {
|
||||||
textAlign="center"
|
textAlign="center"
|
||||||
sx={{
|
sx={{
|
||||||
display: { xs: "grid", },
|
display: { xs: "grid", },
|
||||||
justifyContent: "center",
|
|
||||||
alignItems: "center",
|
|
||||||
gridTemplateColumns: {
|
gridTemplateColumns: {
|
||||||
xs: "repeat(2, 1fr)", // Two items per row on mobile
|
xs: "repeat(2, 1fr)", // Two items per row on mobile
|
||||||
sm: "repeat(4, 1fr)",
|
sm: "repeat(4, 1fr)",
|
||||||
md: "repeat(4, 1fr)",
|
md: "repeat(4, 1fr)",
|
||||||
lg: "repeat(4, 2fr)",
|
lg: "repeat(4, 1fr)",
|
||||||
},
|
},
|
||||||
gap: { xs: 2, sm: 5, md: 5 },
|
gap: { xs: 2, sm: 5, md: 5 },
|
||||||
flexDirection: {
|
flexDirection: {
|
||||||
|
|
Loading…
Reference in a new issue