Container query units

[[20211115081243-container-queries]] also give you a bunch of units you can use for sizing elements. These units specify a length relative to the dimensions of a query container.

The container query length units are:

• cqw: 1% of a query container's width
• cqh: 1% of a query container's height
• cqi: 1% of a query container's inline size
• cqb: 1% of a query container's block size
• cqmin: The smaller value of either cqi or cqb
• cqmax: The larger value of either cqi or cqb

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_queries#container_query_length_units

[[css]]