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: https://www.fullstackfoundations.com/courses/frontend-web-development-for-beginners/responsive-web-design
– Course Home: https://www.fullstackfoundations.com/courses/frontend-web-development-for-beginners
– Course Repo: https://github.com/zachgoll/fullstack-roadmap-series
————————————————————————————-
Connect with me:
– Twitter: https://www.x.com/zg_dev
– Full Stack Foundations: https://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
source
