flex-wrap Property

wrap_text
Controls whether flex items wrap to multiple lines
view_stream
nowrap: All items stay on one line (default)
view_column
wrap: Items wrap to new lines when needed
view_column
wrap-reverse: Items wrap in reverse order
code flex-wrap Examples
.container {
  display: flex;
  flex-wrap: wrap; /* Items can wrap */
}

.no-wrap-container {
  display: flex;
  flex-wrap: nowrap; /* Default */
}
view_stream nowrap (Default)
flex-wrap: nowrap
1
2
3
4
5
6
view_column wrap
flex-wrap: wrap
1
2
3
4
5
6
view_column wrap-reverse
flex-wrap: wrap-reverse
1
2
3
4
5
6