<Container className={classes.cardGrid} maxWidth="md">
<Grid container spacing={4}>
{cards.map((card) => (
<Grid item key={card} xs={12} sm={6} md={4}>
<Card className={classes.card} style={style}>
<CardMedia
className={classes.cardMedia}
image="https://source.unsplash.com/random"
title="Imgae title"
/>
<CardContent className={classes.cardContent}>
<Typography variant="h5" gutterBottom>Почему ты?</Typography>
<Typography> Потому что</Typography>
</CardContent>
<CardActions>
<Button size="small" color="primary">
Убедиться
</Button>
</CardActions>
</Card>
<Card className={classes.card} style={style}>
<CardMedia
className={classes.cardMedia}
image="https://source.unsplash.com/random"
title="Imgae title"
/>
<CardContent className={classes.cardContent}>
<Typography variant="h5" gutterBottom>Почему мы?</Typography>
<Typography> Потому что я так сказал</Typography>
</CardContent>
<CardActions>
<Button size="small" color="primary">
Убедиться
</Button>
</CardActions>
</Card>
</Grid>
))}
</Grid>
</Container>