# Day 10: flex-wrap

By default, flex items will try to shrink itself to fit onto one line, in other words, no wrap. However if you want the flex items to maintain its size and have the overflow spread on multiple lines in the containers, then you can turn on wrap.

This property is what will allow flex items in your container to occupy more than one line.

.parent {
  flex-wrap: nowrap /* default */
          or wrap
          or wrap-reverse
}
Code Snippet of Day 10: flex-wrap

More Courses