5 hands-on exercises and 5 find-the-bug challenges for the CSS Grid Rows lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Create rows of 60px, 80px and 100px.
Create three 70px rows with repeat().
Let rows be created automatically at 90px each.
Give the rows a 24px gap.
Declare one 50px row and size the rest at 75px.
The tracks were declared on the wrong axis.
The property is grid-auto-rows.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceTrack sizes are space separated.
A gap between rows is row-gap.
There are three items, so three rows are needed.