Roadmap Week 1 step intro
Day 5 · Layout 35 min 40 XP
↔️Flexbox layouts
Flexbox arranges items in a row or column and handles spacing for you. It's how modern navbars and toolbars are built.
What you'll learn
- Turn a container into a flex row
- Align and space items
- Build a responsive navbar
A peek inside
One line to start
The rest of Day 5 is a Pro lesson
You're on the free Explorer plan — you get the intro and the video. Go Pro to open the full guided lesson (and all 30 days).
- 2 deep-dive lessons
- A copy-paste worked example
- 3 hands-on practice tasks
- 3 quick-glance glossary cards
- 40 XP + streak tracking
Already Pro? Sign in

