• How do we adapt the things we make to different spaces?
  • We used to think about the web in pages, back when RWD became first defined.
  • We now think about components.
  • On average a large site may have 200+ media queries.
  • We are trapped, media queries are defined by pages.
  • We think about components, and less frequently about pages.
  • The element query would allow us to adapt content to the size of the content.
  • The element query is great for how we think now.
  • The element query is great for circular dependancies.
  • It’s the circular dependency that killed the element query.
  • The element query became the container query, it’s a problem that needs to be solved.
  • It’s possible to use “element flow” to hack container queries.
  • Flex-grow can change how content displays as element grows and shrinks, regardless of the page.
  • display: container can be used to allow use to use flex-box order to content based on the containers size.
  • Nesting the picture element as foreign object in an SVG give the picture element a container query.
  • The best thing to do to get a container query is to get involved in the RICG.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.