Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Container Queries Are Going to Change How We Make Layouts

Kevin Powell via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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

Reviews

Start your review of Container Queries Are Going to Change How We Make Layouts

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.