2

Como puedo poner dos tarjetas en una misma fila usando material-ui?

Si lo pongo de la siguiente manera me aparece una tarjeta encima de otra...

        <Grid container direction="column" justify="flex-start" alignItems="flex-start">
          <Card className={classes.root}>
            <CardContent>
      
            </CardContent>
          </Card>
        </Grid>

1 respuesta 1

1

Así como está escrito el código ahora, solo hay una tarjeta definida. Así que habría que agregar una más para poder alinearlas.

Para que ambas tarjetas estén en la misma fila tendrías que cambiar el direction="column" por un direction="row".

Con esos cambios te quedaría así:

<Grid container direction="row" justify="flex-start" alignItems="flex-start">
   <Card className={classes.root}>
     <CardContent>
  
     </CardContent>
   </Card>
   <Card className={classes.root}>
     <CardContent>
  
     </CardContent>
   </Card>
 </Grid>

Acá en en la documentación de Material UI se explica mejor:

https://material-ui.com/es/components/grid/#interactive

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.