Container queries #shorts

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=Jo4Zb3hjS6c


Duration: 1:00
4,495 views
350

CSS container queries allow you to manipulate the element's styles based on its parent container properties. This capability shifts the concept of responsive web design from page-based to container-based.

#ChromeForDevelopers

Speaker: Una Kravets;
Products Mentioned: Chrome;



Other Videos By Chrome for Developers


2024-02-23Multi-origin PWAs & the Scope Extensions API
2024-02-22Fun & powerful: Intro to Chrome DevTools #DevToolsTips
2024-02-20New in Chrome 122: Storage Buckets API, DevTools Performance panel updates, and more!
2024-02-07Speculation Rules API updates #shorts
2024-02-06CapCut brings powerful video editing to the browser
2024-02-01scrollbar-color, scrollbar-width, font-palette #shorts
2024-01-25Debugging speculative navigations for faster page loads #DevToolsTips
2024-01-23color-mix() #shorts
2024-01-23New in Chrome 121: CSS updates, improvements to the Speculation Rules API, and more!
2024-01-19Has() selector #shorts
2024-01-17Container queries #shorts
2024-01-11text-wrap: balance #shorts
2024-01-04Building multiple Progressive Web Apps on the same domain
2024-01-03What are Private State Tokens?
2024-01-02Permission policy violation reports #shorts
2023-12-29What is the Protected Audience API?
2023-12-28Privacy Sandbox: Preparing for the end of 3rd-party cookies
2023-12-27What is the Attribution Reporting API?
2023-12-22What are Related Website Sets?
2023-12-21Relative color syntax #CSSWrapped2023
2023-12-21Debugging Fetch Priority #DevToolsTips


Tags:
Chrome
Developers
Google
Web
pr_pr: Chrome;
Purpose: Please Select (G4D)
Campaign: select from;
ct:Excerpt
type:;
gds:Yes;
chrome for developers
container queries
what are container queries
how to use container queries
intro to container queries
introduction to container queries
Una Kravets