[w3ctag/design-reviews] Early design review of CSS Container Queries proposal (#592)

HIQaH! QaH! TAG!

I'm requesting early TAG review of my proposal for CSS Container Queries.

Media-queries allow an author to make style changes based on the overall viewport dimensions -- but in many cases, authors would prefer styling modular components based on their context and available space within a layout. My proposal builds on David Baron's `@container` approach, which works by applying size & layout containment to the queried elements. In order to make that less restrictive for authors, I've also proposed a path forward for `inline-size` (and maybe `block-size`) values on the `contain` property.

- Explainer: https://github.com/oddbird/css-sandbox/blob/main/src/rwd/query/explainer.md

- Security and Privacy self-review: This proposal does not expose anything new, and has no impact on security or privacy
- Primary contacts (and their relationship to the specification):
    - Miriam Suzanne, @mirisuzanne, Invited Expert, author
    - Rune Lillesveen, @lilles, Google, contributor
    - Anders Hartvoll Ruud, @andruud, Google, contributor
    - Rossen Atanassof, @atanassov, Microsoft, co-chair
    - Alan Stearns @astearns, Adobe, co-chair
- Organization/project driving the design: CSSWG
- External status/issue trackers for this feature (publicly visible, e.g. Chrome Status):
    - [Chrome Intent to Prototype](https://groups.google.com/a/chromium.org/g/blink-dev/c/u1AKdrXhPGI/m/wrJb-unhAgAJ?pli=1)

Further details:

- [x] I have reviewed the TAG's [API Design Principles](https://w3ctag.github.io/design-principles/)
- The group where the incubation/design work on this is being done (or is intended to be done in the future): CSSWG
- The group where standardization of this work is intended to be done ("unknown" if not known): CSSWG
- Existing major pieces of multi-stakeholder review or discussion of this design: [CSSWG Issue](https://github.com/w3c/csswg-drafts/issues/5796)
- Major unresolved issues with or opposition to this design: No known opposition
- This work is being funded by: Google

We'd prefer the TAG provide feedback as 💬 leave review feedback as a **comment in this issue** and @-notify @mirisuzanne & @andruud


-- 
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/w3ctag/design-reviews/issues/592