Practice · 1 of 2
Make It Responsive
Turn a desktop-only page responsive:
- Base (mobile): .cards stacks as a single-column grid.
- At min-width: 640px: two columns. At min-width: 1024px: three columns.
- Give img (or the .cards img) fluid behavior: max-width: 100% and height: auto.
Difficulty: beginner
Press Submit to check your solution.
Back to lesson: Practice: Responsive Design — Practice