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 Be a Game Changer

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 in CSS layout design through this informative video tutorial. Learn how to enable and implement Container Queries in Chrome Canary, understand their advantages over media queries, and discover the power of the 'contain' property. Follow along as the instructor demonstrates creating container queries, updating HTML structure, and applying container queries to card layouts and asides. Gain insights into the future of responsive web design and how Container Queries can revolutionize your approach to creating flexible, context-aware layouts.

Syllabus

- Introduction
- Enabling container queries in Chrome Canary
- Looking first at media queries
- When container queries enter the picture
- The contain property
- Creating a container query
- Updating our HTML to ensure we have a direct child to look at the container
- Changing our card layout within a container query
- Adding a container query to our aside

Taught by

Kevin Powell

Reviews

Start your review of Container Queries Are Going to Be a Game Changer

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.