Add Grid to index for KatRezoNou

pages/index.js

@@ -1,4 +1,4 @@
-import {Container, Typography, Box} from '@mui/material'
+import {Container, Typography, Box, Grid} from '@mui/material'
 
 import HeadLayout from '../components/head-layout'
 import Footer from '../components/footer'
@@ -25,7 +25,9 @@ export default function Home() {
             <Typography gutterBottom variant='body' component='h4'>
               ⬇️ Nos réseaux ! ⬇️
             </Typography>
-            {rezoNou.map(({tit, soutit, ko, lyen}) => <KatRezoNou key={tit} tit={tit} soutit={soutit} ko={ko} lyen={lyen} />)}
+            <Grid container rowSpacing={1} columnSpacing={{xs: 1, sm: 2, md: 3}}>
+              {rezoNou.map(({tit, img, soutit, ko, lyen}) => <KatRezoNou key={tit} tit={tit} img={img} soutit={soutit} ko={ko} lyen={lyen} />)}
+            </Grid>
           </Container>
         </Box>
         <Footer />