Te he puesto un comentario pero creo haber entendido lo que necesitas:
Cuando agregas la propiedad display
con valor flex
, hay dos estilos que se definen por defecto: flex-direction: row
y flex-wrap: nowrap
. Lo único que debes hacer es cambiar el valor de la propiedad flex-wrap
a wrap
y asegurarte que el valor deflex-direction
sea row
.
Hay una propiedad shortland llamada flex-flow
, en la que puedes unir valores tanto de flex-direction
como de flex-wrap
, de la siguiente forma: flex-flow: row wrap
.
Te dejo un sitio buenísimo que me ha ayudado a comprender el uso de la tecnología flexbox en CSS.