Container Queries

Container Queries are now available in all Major Browser Engines.

Container Queries

Until now, it was possible to create a responsive design with media queries. The browser size is used as a reference.

Now container queries are generally available. In principle, they function similarly to media queries, but here a parent element is used as a reference.

The tutorial explains the functionality best:

• https://www.youtube.com/watch?v=3_-Je5XpbqY

Browser Support

https://caniuse.com/?search=CSS%20Container%20Query