flex-wrap

The flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked.

The flex-flow property shorthand can be used to set both the flex-direction and flex-wrap properties, which define the flex container’s main and cross axes, respectively.

The flex-wrap property is used to specify whether the flex container’s child flex items may wrap onto multiple flex lines or not and, if set to wrap, whether the children should be evenly distributed across flex lines.

The initial value of nowrap specifies that all items should be laid out on a single flex line, which means they may overflow the container. The wrap and wrap-reverse keywords prevent overflow by specifying that flex items can flow, or wrap, across multiple lines.

Syntax example: flex-wrap: nowrap;