5 hands-on exercises and 5 find-the-bug challenges for the Justify Content lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Centre the items horizontally.
Use space-between.
Use space-around.
Push all items to the end of the row.
Use space-evenly so all gaps are equal.
Horizontal alignment in a row uses justify-content.
The value is space-between, not space-beetwen.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceThe value needs a hyphen: flex-end.
justify-content belongs on the container.
The property is justify-content, not justify.