xxxxxxxxxx
import React from 'react';
import Grid from '@mui/material/Grid';
import Paper from '@mui/material/Paper';
const items = [
{ id: 1, content: 'Item 1' },
{ id: 2, content: 'Item 2' },
{ id: 3, content: 'Item 3' },
{ id: 4, content: 'Item 4' },
];
const MyGrid = () => {
return (
<Grid container spacing={2}>
{items.map((item) => (
<Grid key={item.id} item xs={12} sm={6} md={3}>
<Paper>{item.content}</Paper>
</Grid>
))}
</Grid>
);
};
export default MyGrid;