New guide: container style queries

[estelle]

A new guide: under the containment module.

Links to this new guide will be added in a separate PR.

testing codepen: https://codepen.io/estelle/pen/vYPQZeV feedback: https://github.com/mdn/content/pull/32088

[github-actions[bot]]

Preview URLs

• /en-US/docs/Web/CSS/CSS_containment/Container_size_and_style_queries

Flaws (3)

URL: /en-US/docs/Web/CSS/CSS_containment/Container_size_and_style_queries Title: Using container size and style queries Flaw count: 3

• macros:
  • /en-US/docs/Web/API/HTMLInputElement/value does not exist
  • /en-US/docs/Web/API/HTMLInputElement/checked does not exist
• broken_links:
  • Can't resolve /en-US/docs/Web/CSS/syntax#css_declarations

External URLs (2)

URL: /en-US/docs/Web/CSS/CSS_containment/Container_size_and_style_queries Title: Using container size and style queries

• https://developer.chrome.com/docs/css-ui/style-queries (1 time) (Note! This may be a new URL 👀)
• https://una.im/style-queries/ (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2024-02-21 17:43:57)

[estelle]

The example is not fully working I am working on that, but didn't want to hold up the rest of the rerview. Should push a fix really soon

Edit: fixed. I has set the variable to not inherit. D'oh.

[estelle]

@chrisdavidmills when ready to merge, please review https://github.com/mdn/content/pull/32318 to add links to this new page.