Skip to content
Back to Web development
PricingLog in

Web development

Responsive CSS layouts

Build layouts that adapt to available space and different screen sizes.

With Zoonk, your plan starts at this chapter and fits your schedule.

Build my plan

Start free, no account needed.

Where this chapter sits in the course

Lessons

Chapter 7 of 12 · 7 short lessons · 28 min
  1. 1Flexbox alignment4 min
  2. 2Flex sizing and wrapping4 min
  3. 3CSS Grid tracks4 min
  4. 4Fluid widths and images3 min
  5. 5Viewport and media queries4 min
  6. 6Responsive layout testing3 min
  7. 7Challenge: Responsive CSS layouts6 min

What you'll learn

  • Arrange content with Flexbox and Grid
  • Adapt layouts to different viewport sizes
  • Test and fix common responsive layout problems

Your plan from this chapter

It follows the course from here, at your pace, with reviews before you forget.

Build my plan

Start free, no account needed.