Container queries land in stable browsers

This Valentine's day, we're celebrating size container queries and container query units landing in all stable browsers.

Una Kravets

Container query love is in the air! This Valentine’s day, size container queries and container query units are stable in all modern browsers.

Browser Support

  • Chrome: 105.
  • Edge: 105.
  • Firefox: 110.
  • Safari: 16.

Source

With container queries you can query the styling information of a parent element, such as its inline-size. With media queries, you could query the size of the viewport, container queries enable components that can change based on where they are in the UI.