fix: Correction de l'affichage en mobile.

bibudem · Aug 28, 2024 · 9a85f2d · 9a85f2d
1 parent 1b8ef03
commit 9a85f2d
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/content/fiche-personnel.mdx b/content/fiche-personnel.mdx
@@ -13,15 +13,15 @@ Voici un composant où on peut rechercher un employé et afficher sa fiche à pa
 
 <Box display="flex" justifyContent="center" alignItems="center">
   <Grid container spacing={2} my={4}>
-    <Grid xs={6} display="flex" justifyContent="center" alignItems="center">
+    <Grid md={6} display="flex" justifyContent="center" alignItems="center">
       <Typography variant="h2">Nullam vestibulum</Typography>
       <ul>
         <li>Curabitur tristique posuere porttitor </li>
         <li>Duis a nunc fringilla nisl posuere laoreet nec</li>
         <li>Curabitur ut metus et tortor</li>
       </ul>
     </Grid>
-    <Grid xs={6} display="flex" justifyContent="center" alignItems="center">
+    <Grid md={6} display="flex" justifyContent="center" alignItems="center">
       <Card sx={{ maxWidth: 345 }}>
         <CardMedia component="img" alt="green iguana" height="140" image="https://mui.com/static/images/cards/contemplative-reptile.jpg" />
         <CardContent>
@@ -45,7 +45,7 @@ Voici un composant où on peut rechercher un employé et afficher sa fiche à pa
 
 <Box display="flex" justifyContent="center" alignItems="center">
   <Grid container spacing={2} my={4}>
-    <Grid xs={6} display="flex" justifyContent="center" alignItems="center">
+    <Grid md={6} display="flex" justifyContent="center" alignItems="center">
       <Card sx={{ maxWidth: 345 }}>
         <CardMedia component="img" alt="green iguana" height="140" image="https://mui.com/static/images/cards/contemplative-reptile.jpg" />
         <CardContent>
@@ -62,7 +62,7 @@ Voici un composant où on peut rechercher un employé et afficher sa fiche à pa
         </CardActions>
       </Card>
     </Grid>
-    <Grid xs={6} display="flex" justifyContent="center" alignItems="center">
+    <Grid md={6} display="flex" justifyContent="center" alignItems="center">
       <Typography variant="h2">Nullam vestibulum</Typography>
       <ul>
         <li>Curabitur tristique posuere porttitor </li>