Grid and responsive layouts
Lay out cards with CSS grid, add columns with media queries or auto-fit, size text with clamp, and stop boxes and images spilling off small screens.
- The skill
- Build grid layouts that work on phones first and grow on wider screens.
- You make
- A game shelf, a mobile-first album grid and a fluid game library.
Premium lesson
£7.99 a month or £59 a year. Cancel any time.
Builds on 17 The cascade, states and type. Free to try: Web Foundations and the playground.
Passed
You can now
Keep going
Step 1 of 10
exercise_1.html
You've reached the good stuff.
5 exercises in this lesson, checked as you type. Premium opens every lesson after Foundations, in all four courses.
HTML, CSS and JavaScript