Engrain by ByteRush

WEB.10 3 concepts · 2 ready

Responsive and adaptive design

Build layouts and media that adapt to any device and user preference.

  1. WEB.10.01Responsive images and mediaCoreMid-level11 min
  2. WEB.10.02Container queries and fluid designCoreMid-level11 min
  3. WEB.10.03User preferencesCoreJuniorBeing written

Interview questions in this module

  1. How do srcset and sizes work together?
  2. What are container queries and why are they better than media queries for components?
  3. Why does 100vh cause problems on mobile? What is the fix?
  4. How do you support dark mode and reduced motion?