Se debe establecer una altura (height) para cada columna. Luego se le coloca la propiedad flex-wrap: wrap; de manera que entienda que al alcanzar esa altura pase a la siguiente columna.
Hay que tener cuidado con la altura que se le establece. Esta debe ser suficiente para el contenido.
¡Hola Juan!
Gracias por compartir tu pregunta con nosotros. Si entendí bien, estás buscando una manera de pasar a la siguiente columna en Flexbox. En este caso, la propiedad que necesitas es flex-wrap: wrap;, como mencionaste.
Para que funcione correctamente, es importante establecer una altura para cada columna. Sin embargo, como bien mencionas, es importante tener cuidado con la altura que se le establece, ya que debe ser suficiente para el contenido. Si la altura es muy pequeña, el contenido se desbordará y no se verá correctamente.
Una manera de establecer la altura adecuada es utilizando la unidad vh (viewport height). Esta unidad establece la altura en porcentaje de la altura visible del viewport, lo que significa que se ajustará automáticamente según el tamaño de la pantalla. Por ejemplo, si quieres que cada columna tenga una altura del 50% del viewport, puedes utilizar height: 50vh;.
Espero que esta información te sea útil. Si tienes alguna otra pregunta, ¡no dudes en preguntar! ¡Espero haber ayudado y buenos estudios!