CSS · Exercise 1 of 6Next
Beginner
Three boxes in a row
The three coloured boxes are stacked on top of each other. Using only the CSS tab, put them side by side in a row with Flexbox.
Leave exactly 12px of space between neighbouring boxes, and no extra space at the outer edges.
What Check tests
- The row is a flex container
- The boxes sit side by side
- There is 12px between neighbours
- The first box starts at the row's left edge
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.