Fix Grid sizes

2024-10-21 10:06:16 +04:00
parent 6f5e28aea7
commit c2c6919356
9 changed files with 12 additions and 12 deletions
@@ -200,7 +200,7 @@ export default function Teks({parole}) {
        )}
      </Box>
      <Grid container justifyContent='center' spacing={1}>
-        <Grid xs={12} md={langArray.length > 0 ? 6 : null}>
+        <Grid size={{xs: 12, md: langArray.length > 0 ? 6 : null}}>
          <Box className={classes.gridText}>
            <Typography align='center' sx={{marginBottom: '0.5em'}} variant='h4'>
              Transcription
@@ -211,7 +211,7 @@ export default function Teks({parole}) {
          </Box>
        </Grid>
        {langArray.map(({title, flag, lang}) => (
-          <Grid key={title} xs={12} md={6}>
+          <Grid key={title} size={{xs: 12, md: 6}}>
            <Box className={classes.gridText}>
              <Typography align='center' sx={{marginBottom: '0.5em'}} variant='h4'>
                {flag === 'fr' && (