We're experimenting with element queries to provide a more flexible way of writing responsive themes which doesn't rely on media queries.
Unlike media queries which apply rules based on the size of the viewport, element queries apply rules based on the size of an ancestor element.
This'll be particularly helpful for allowing toggle-able sidebars without breaking all the CSS or having to double up on the media queries and to reuse components in multiple places.
Unlike media queries which apply rules based on the size of the viewport, element queries apply rules based on the size of an ancestor element.
This'll be particularly helpful for allowing toggle-able sidebars without breaking all the CSS or having to double up on the media queries and to reuse components in multiple places.