In Search of the Element Query

About this presentation

<span style="font-weight: 400;">Components should adapt to the available space, not the size of the viewport. Media Queries are not designed for this. </span> &nbsp; <span style="font-weight: 400;">Micromanaging components at different screen sizes increases the complexity and brittleness of the design, and loses modularity when a component has a new implementation. </span> &nbsp; <span style="font-weight: 400;">Developers use CSS to control layout and how elements are displayed, based on shape and the space available to them. </span> &nbsp; <span style="font-weight: 400;">Element based queries and container queries may help us go beyond the media query and adapt the things we make to different spaces. </span>