Top 10 Advanced CSS Responsive Design Concepts You Should Know

Responsive design in CSS is difficult to do well, especially if you only ever use media queries. In this video I share my top 10 responsive design tips that go beyond just using simple media queries.


📚 Materials/References:

PostCSS Video:    • Learn PostCSS In 15 Minutes  
CSS Grid Video:    • Learn CSS Grid in 20 Minutes  
Viewport Units Video:    • Learn Every CSS Viewport Unit In 10 M...  
Viewport Units Article: https://blog.webdevsimplified.com/202...


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:39 - Viewport Meta Tag
02:06 - Media Query Orientation
03:15 - Media Query Aspect Ratios
04:00 - Media Query Ranges
05:25 - Container Queries
09:27 - Custom Media Queries
11:09 - Different HTML
12:20 - CSS Grid
16:15 - Clamp
18:00 - Viewport Units


#ResponsiveDesign #WDS #CSS