Flexible Boxes

1
2
3
4
5
6
7
8

Try to resize the browser window.

A container with "flex-wrap: nowrap;" will never wrap its items.

Note: If the boxes wrap or are vertically stacked on the left of the page, your browser does not support FlexBoxes. For example, Flexbox is not supported in Internet Explorer 10, or in PhantomJs.


Citation: This example page is taken from https://www.w3schools.com/csS/tryit.asp?filename=trycss3_flexbox_flex-wrap_nowrap8