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: CSS Grid Video: Viewport Units Video: Viewport Units Article: Find Me Here: My Blog: My Courses: Patreon: Twitter: Discord: GitHub: CodePen: 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