FlexPlay^Beta.

A visual and interactive tool for learning flexbox.

Sorry, FlexPlay is not yet fully supported on a mobile browser.

Please use a desktop or tablet browser that is at least 768px wide for the best results.

Number of Items:

Display:

Flex Direction:

Flex Wrap:

Width:

Height:

Gap:

Use Images

-----------Main Axis

-----------Cross Axis

Show Axis

Item 1

Item 2

Item 3

Item 4

Item Height:

Item Width:

Flex Grow:

Flex Basis:

Align Self:

Flex Shrink: