Landing page - new design implementation #122
@ -32,6 +32,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
gap: 25px;
|
gap: 25px;
|
||||||
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
|
@ -196,7 +196,17 @@ export const LandingPage = () => {
|
|||||||
and verification.
|
and verification.
|
||||||
</Typography>
|
</Typography>
|
||||||
</Typography>
|
</Typography>
|
||||||
<Box display={'grid'} gap={'25px'} gridTemplateColumns="repeat(3, 1fr)">
|
<Box
|
||||||
|
display={'grid'}
|
||||||
|
gap={'25px'}
|
||||||
|
sx={{
|
||||||
|
gridTemplateColumns: {
|
||||||
|
xs: '1fr',
|
||||||
|
sm: 'repeat(2, 1fr)',
|
||||||
|
xl: 'repeat(3, 1fr)'
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
{cards.map((c, i) => (
|
{cards.map((c, i) => (
|
||||||
<CardComponent key={i} {...c} />
|
<CardComponent key={i} {...c} />
|
||||||
))}
|
))}
|
||||||
|
Loading…
Reference in New Issue
Block a user