5 hands-on exercises and 5 find-the-bug challenges for the CSS Grid Gap lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Give the grid a 16px gap on both axes.
Set a 10px row gap and a 30px column gap with the shorthand.
Give the grid a 22px row gap.
Give the grid an 18px column gap.
Give the grid a 2rem gap (32px).
The modern property is simply gap.
gap takes the row value first, then the column value.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceGrid children are spaced with gap.
A bare number is not a valid gap.
The gap was applied to rows instead of columns.