CSSIntermediate
Flexbox, Grid & Responsive Layout
Choose between flexbox and grid, align items on the right axis and write mobile-first media queries.
Ready to start?
- 8 questions
- ~6 mins
Answer order is shuffled each attempt. Your results are saved only in this browser.
What this quiz covers
Modern layout and mobile-first design.
- Flexbox
- Flexbox vs Grid
- Grid
- Responsive
- Spacing
- Stacking
CSS learning roadmap
See where this quiz fits from beginner to expert.
Want to learn more? Flexbox vs Grid: Which Layout Tool to Use
6 min read
How this works
Practice or exam mode
Practice mode explains each answer straight away. Exam mode holds all answers until you finish, then shows a full review.
Shuffled answer order
Options are shuffled on every attempt, so you learn the idea rather than the position of the right letter.
Timer, flags and skips
A timer runs while you play. Flag questions to revisit them, or skip and come back from the question navigator.
Saved on your device
Scores, streaks and topic accuracy are stored in your browser only. There is no account.