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