Roadmap Week 1 step intro
Day 4 · CSS 30 min 30 XP
📦The box model
Every element on a page is a rectangular box. Understand the box and layout stops feeling random.
What you'll learn
- Explain content, padding, border, margin
- Use box-sizing: border-box
- Build a clean card component
A peek inside
The four layers
The rest of Day 4 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
- 30 XP + streak tracking
Already Pro? Sign in