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.


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

Parent Properties (container)
Container Classes
Results (children: 0/10)
Child Classes
Child Styles