Container queries - Designing in the Browser
Channel: Chrome for Developers
Date: 2021-12-03

Container queries are an experimental API that unlocks intrinsic component-level styling based on an element’s containing parent. This episode goes over how to use container queries, to highlight the responsive possibilities of tomorrow.

Container Query Polyfill → https://goo.gle/3Gn9UUO
CSS Container Queries on MDN → https://goo.gle/3ogyIrp 
Simplified Container Query Demo → https://goo.gle/3lxbb3P 
Podcast Card Demo → https://goo.gle/2ZRxdGY 
Plant Store Demo → https://goo.gle/3G831GR 
Baby Clothes Demo → https://goo.gle/3GdVYwB 
Container Query Spec → https://goo.gle/3ok42pw 
CSS Tricks post on @container → https://goo.gle/3rvGkIB 
Web.dev article on containment → https://goo.gle/3wBMB52 

Catch more videos from Designing in the Browser → https://goo.gle/dib-chrome 
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs  

#DesigningInTheBrowser #Chrome #Developer