CSS · Exercise 1 of 5Next
Beginner
Three equal columns
Turn .grid into a grid with three equal columns and a 16px gap between rows and between columns.
The six boxes should end up in two rows of three. Only change the CSS.
What Check tests
.gridis a grid container- Boxes 1 to 3 share a row and box 4 starts a new one
- The three columns are equal
- There is a 16px gap both ways
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
Console
Nothing logged yet.