Why donate
API Explorer
Flex Grid Playground

To help you understand the Flexbox better, we have written an interactive playground for you. Create your grid and then copy the values to your projects.

TIP

The active child will have a blue index. Being active relates to the Child Classes and Child Styles listed below the results.

Configure parent (container):
Resulting container classes:
fit row wrap justify-start items-start content-start
Configure children: 0 / 10
Where to applyWhat to apply
Container classes
fit row wrap justify-start items-start content-start
Child #1 classes
* none *
Child #1 styles
* none *