<?xml version="1.0" encoding="UTF-8"?>
<feature id="container-queries"><name>Container queries</name><description>Container size queries with the @container at-rule apply styles to an element based on the dimensions of its container.</description><group>container-queries</group><group_name>Container queries</group_name><baseline><status>widely</status><low_date>2023-02-14</low_date><high_date>2025-08-14</high_date></baseline><support><browser name="chrome" version="105" supported="true"></browser><browser name="firefox" version="110" supported="true"></browser><browser name="safari" version="16" supported="true"></browser><browser name="edge" version="105" supported="true"></browser><browser name="chrome_android" version="105" supported="true"></browser><browser name="firefox_android" version="110" supported="true"></browser><browser name="safari_ios" version="16" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-conditional-5/#container-queries</spec></specifications><caniuse><id>css-container-queries</id><id>css-container-query-units</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/API/CSSContainerRule</mdn_url><compat_features><key>api.CSSContainerRule</key><key>api.CSSContainerRule.containerName</key><key>api.CSSContainerRule.containerQuery</key><key>css.at-rules.container</key><key>css.properties.container</key><key>css.properties.container-name</key><key>css.properties.container-name.none</key><key>css.properties.container-type</key><key>css.properties.container-type.inline-size</key><key>css.properties.container-type.normal</key><key>css.properties.container-type.size</key><key>css.types.length.container_query_length_units</key></compat_features><canonical_url>https://nowyoucanuse.com/features--container-queries.html</canonical_url></feature>