Intermediate
A navbar with a split
Lay out the navbar: the logo on the left, the links on the right, all items vertically centred in the 56px bar.
The two links sit side by side with some space between them, and the list shows no bullets.
What Check tests
- The logo is at the left edge (inside the padding)
- The links end at the right edge (inside the padding)
- The two links are side by side with space between
- Everything is vertically centred in the bar
- No bullets
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.