Por defecto, los elementos en un contenedor de flexbox se mantienen en una sola línea, encogiéndolos para que quepan en el contenedor.

Para forzar a los elementos a distribuirse en varias líneas, usa flex-wrap: wrap. Esto distribuirá los elementos según el orden establecido en flex-direction. Usa flex-wrap: wrap-reverse para invertir este orden.

Una propiedad abreviada llamada flex-flow te permite especificar flex-direction y flex-wrap en una sola línea, agregando el valor de flex-direction primero, seguido del valor de flex-wrap, por ejemplo: flex-flow: row wrap.

por Dan Iel

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *