CSS · Units

cqw / cqh

One percent of a container query container’s width or height.

cssRunnable example css course

Syntax

50cqw

Example

Try it

.demo { container-type: inline-size; width: 80cqw; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.