In Search of the Element Query

Components should adapt to the available space, not the size of the viewport. Media Queries are not designed for this.

 

Micromanaging components at different screen sizes increases the complexity and brittleness of the design, and loses modularity when a component has a new implementation.

 

Developers use CSS to control layout and how elements are displayed, based on shape and the space available to them.

 

Element based queries and container queries may help us go beyond the media query and adapt the things we make to different spaces.

slides [https://speakerdeck.com/cwrightdesign/in-search-of-element-queries]

Components should adapt to the available space, not the size of the viewport. Media Queries are not designed for this.

 

Micromanaging components at different screen sizes increases the complexity and brittleness of the design, and loses modularity when a component has a new implementation.

 

Developers use CSS to control layout and how elements are displayed, based on shape and the space available to them.

 

Element based queries and container queries may help us go beyond the media query and adapt the things we make to different spaces.