5 hands-on exercises and 5 find-the-bug challenges for the Align Items 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 vertically in a row.
Pull items to the top of the row.
Push items to the bottom of the row.
Make items fill the cross axis.
Centre horizontally and vertically at once.
Vertical alignment in a row uses align-items.
The property is align-items, not align-item.
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-start.
The container property is align-items.
"middle" is not a flexbox alignment value.