Рет қаралды 488,520
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 Mi...
CSS Grid Video: • Learn CSS Grid in 20 M...
Viewport Units Video: • Learn Every CSS Viewpo...
Viewport Units Article: blog.webdevsimplified.com/202...
🌎 Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: 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