5 hands-on exercises and 5 find-the-bug challenges for the CSS Grid Columns lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Create columns of 100px and 200px.
Create three 120px columns.
Use repeat() to make three 90px columns.
Flow into columns and size the implicit ones at 80px.
Create a 150px column followed by a 50px one.
Track sizes are separated by spaces, not commas.
The property is grid-template-columns.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspacerepeat() takes a count then a size, separated by a comma.
A bare number is not a valid track size.
The tracks were declared on the wrong axis.