feat: landing page - responsive cards

This commit is contained in:
enes 2024-07-25 16:29:18 +02:00
parent 3149ba9757
commit 87e4536713
2 changed files with 12 additions and 1 deletions

View File

@ -32,6 +32,7 @@
flex-direction: column;
gap: 25px;
word-break: break-word;
}
.icon {

View File

@ -196,7 +196,17 @@ export const LandingPage = () => {
and verification.
</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) => (
<CardComponent key={i} {...c} />
))}