Flexbox Game
A game to master CSS Flexbox by aligning green boxes to targets.
Flexbox Grid Master
Align the green boxes with the red targets to master Flexbox.
Level
1 / 5
Objective
Match the distribution
"Flexbox allows items to fill space and align within a container."
Features
- Interactive Flexbox Game: Learn Flexbox by solving 5 levels of alignment puzzles.
- Visual Verification: Real-time feedback with target zones.
- Master Mechanics: Understand `justify-content` and `align-items` deeply.
How to Use
- Observe the red target boxes on the grid.
- Use the buttons to change `justify-content` (horizontal) and `align-items` (vertical).
- Align your green boxes to match the red targets.
- Advance to the next level upon success!