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