35% Off Finance Skills That Get You Hired - Code CFI35
PowerBI Data Analyst - Create visualizations and dashboards from scratch
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Explore the game-changing potential of container queries for creating responsive layouts in this 24-minute video tutorial. Learn how to move beyond viewport-based media queries and embrace component-based design for modern web development. Discover the basics of container queries, examine real-world examples, and master advanced techniques like range syntax, named containers, and container-type sizing. Dive into practical applications with flexbox and grid layouts, and gain insights into browser support and new media query syntax. Elevate your CSS skills and create more flexible, component-driven designs with this comprehensive guide to container queries.
Syllabus
- Introduction
- The very basics
- A more real-world example
- The range syntax
- Named containers
- Container-type: size
- Container queries with flexbox and grid
Taught by
Kevin Powell