About Course
Make websites that work on every screen, from small phones to large monitors. Learn the viewport meta tag, mobile-first CSS, flexible layouts, media queries and breakpoints, responsive images and readable text, plus how to test properly and meet accessibility requirements such as reflow and zoom.
Browser support for newer CSS features changes over time; check current compatibility data on MDN before relying on a feature. Always test with real users and devices.
Course Content
Course Lessons
-
What responsive design means
-
Mobile-first CSS and media queries
-
Flexible images, text and spacing
-
Navigation, testing and accessibility
Sources & Further Reading
Final Assessment
Student Ratings & Reviews
No Review Yet