flex-wrap
The flex-wrap is used for setting the behavior of flex items when their total width exceeds the flex container (the parent element).
no-wrap
This is the default setting. When the flex items' width is fixed and the total width of the flex items (including the width of content, paddings, borders, and margins) exceeds the container, the flex items overflow the container.
wrap
With this property value, the flex items are wrapped and flow downwards when the total width of the flex items exceeds the flex container.
Subscribe now for
uninterrupted access.