debemos asignarle un height a nuestro contenedor y utilizar flex-wrap: wrap; para que cuando llegue al height indicado pase a la siguiente columna
debemos asignarle un height a nuestro contenedor y utilizar flex-wrap: wrap; para que cuando llegue al height indicado pase a la siguiente columna
¡Hola Henry!
Gracias por tu pregunta. Si lo que deseas es que los elementos dentro de un contenedor se distribuyan en varias columnas cuando el contenedor alcanza una altura determinada, la propiedad flex-wrap: wrap; es la solución. Esta propiedad hace que los elementos se distribuyan en varias filas o columnas según sea necesario.
Sin embargo, no es necesario asignar una altura específica al contenedor. En su lugar, puedes usar min-height para establecer una altura mínima y permitir que el contenedor crezca si es necesario.
Aquí te dejo un ejemplo de cómo podrías usar flex-wrap: wrap; y min-height en tu contenedor:
.contenedor {
display: flex;
flex-wrap: wrap;
min-height: 300px; /* altura mínima */
}
Espero que esto te ayude a resolver tu duda. Si tienes alguna otra pregunta, no dudes en preguntar.
¡Espero haber ayudado y buenos estudios!