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 apply | What to apply |
|---|---|
| Container classes | fit row wrap justify-start items-start content-start |
| Child #1 classes | * none * |
| Child #1 styles | * none * |