flex-wrap

Controla si els elements flex poden ocupar una sola línia o diverses línies quan no hi ha prou espai en el contenidor.
flex-wrap: nowrap (per defecte)
1
2
3
4
5
6
Els elements romanen en una única línia, encara que es desborden del contenidor.
flex-wrap: wrap
1
2
3
4
5
6
Quan no hi ha espai suficient, els elements passen a una segona línia.
flex-wrap: wrap-reverse
1
2
3
4
5
6
Igual que wrap, però les línies noves apareixen per damunt de les anteriors.
En resum:

• nowrap: tot en una sola línia (valor per defecte).
• wrap: els elements baixen a línies noves quan no capen.
• wrap-reverse: igual que wrap, però les línies s’apilen a l’inrevés.