Responsive Web Design for Complete Beginners #fullstackroadmap (Ep. 9)

This is part of my Frontend Web Development Course for Beginners. Learn the basics of HTML, CSS, and JavaScript to build a solid foundation for web development.

You can find resources and other information for this video at the Full Stack Foundations link below:

Video Link: www.fullstackfoundations.com/courses/frontend-web-…
Course Home: www.fullstackfoundations.com/courses/frontend-web-…
Course Repo: github.com/zachgoll/fullstack-roadmap-series

-------------------------------------------------------------------------------------

Connect with me:

Twitter: www.x.com/zg_dev
Full Stack Foundations: www.fullstackfoundations.com/

-------------------------------------------------------------------------------------

Timestamps:

0:00 What is Responsive Web Design?
14:50 Intro to Media Queries and Breakpoints
19:15 What breakpoints should I use?
26:45 Media Queries In-Depth
35:57 80/20 Guide to Responsive Design
42:55 Order of your Media Queries Matter!
46:55 "Mobile-First" vs. "Desktop-First"
52:28 A Responsive Design Checklist
54:41 Code Challenge