Cuando damos la instrucción de que nuestro listado se acomode en columnas y que le damos una altura maxima a nuestra caja, se pierde el resto del listado por ser tan grande, para repararlo debemos darle la instrucción de que cuando llegue al maximo de altura se pase a la siguiente columna hasta terminar. Para ello debemos de usar la siguiente instrucción:
flex-wrap: wrap;
para que toda la lista se acomode en columnas
¡Hola José!
Gracias por compartir tu pregunta con nosotros. En relación a tu duda, efectivamente, la propiedad "flex-wrap: wrap" es la que permite que los elementos flexibles se ajusten a varias líneas o columnas.
Al utilizar esta propiedad, los elementos flexibles se ajustarán automáticamente a la siguiente línea o columna cuando se alcance el ancho o alto máximo establecido.
Es importante mencionar que, si se utiliza la propiedad "flex-wrap: nowrap", los elementos flexibles se ajustarán en una sola línea, lo que puede provocar que algunos elementos se desborden de la pantalla.
Espero haber resuelto tu duda. ¡Si tienes alguna otra pregunta, no dudes en preguntar!
¡Espero haber ayudado y buenos estudios!