Para hacer que nuestra contenido se divida en columnas y en fila utilizando display: flex, podemos modificar la altura con height y luego utilizar la propiedad flex-wrap: wrap para que al momento en que cada lista llega a esa altura se inicie una nueva columna de contenido.
Claro, pero hay que sumar el width (ancho). porque con flex-wrap hacemos que no se salga del contenedor, pero hay que setear el ancho antes, para recién ver cuántas cajas te van a entrar a lo ancho dentro de ese contenedor. Me hago entender?