Learn Generative AI, Prompt Engineering, and LLMs for Free
AI, Data Science & Cloud Certificates from Google, IBM & Meta
Overview
Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This short course introduces CSS container queries and explains how they differ from media queries. It demonstrates enabling them in Chrome Canary, applying the contain property, and adapting card and aside 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