Flexbox #1

An introductory flexbox level covering display, flex-direction, justify-content, and align-items.

Practice

Replayable challenges for building and reinforcing the skill.

18 challenges

Start
Single-line flex containersJuniorBasicView the skill component

How to play

  1. CurrentTarget

    1Compare your result with the target

  2. .grid {display: block;}blockgridflex

    2Pick code cards to get closer

  3. Check

    3Check your result and keep trying

Start