Styled Card - Copy this React, Mui Component to your project

<Grid container justifyContent="center" sx={{mb:4, mt:10}} spacing={3}> {_DATA.currentData().map((item, index) => ( <Grid alignContent='center' xs={12} sm={6} md={4} item key={index} > <Product item={item} /> </Grid> ))} </Grid> <Grid sx={{ mt: 4, md: 2 }} display={'flex'} justifyContent={'center'} > <Pagination count={count} size='large' page={pages} color='primary' onChange={handleChange} variant="outlined" shape="rounded" /> </Grid>