CSS flex-wrap

Previous Next

Demo of the different values of the flex-wrap property.

Click the property values below to see the result:

flex-wrap: nowrap;
flex-wrap: wrap;
flex-wrap: wrap-reverse;



red div
blue div
yellow div
pink div



red div
blue div
yellow div
pink div



red div
blue div
yellow div
pink div

Play more with the code in our Tryit yourself editor: Try it Yourself ❯