CSS Layout and Responsive Design
Practice: Flexbox, Grid, and media queries
Build a card list that is one column on narrow screens and fills available columns on wider screens.
Difficulty: Beginner
Your practice editor
Edit the starter code, run it, then submit it for safe code checks.
editor
preview
Preparing preview...
Ready for feedback?
Your code is checked as text and is never executed on the server.
Login to save exercise progress
You can still practice, but attempts are only saved for logged-in learners.
stuck?
Compare with the solution
Try the task first. Then reveal the solution and compare it with your code.