CSS Container Query Unit Converter

Calculate container-relative CSS length units where one unit equals one percent of the relevant query-container size.

Length (px)

Relevant container dimension (px)

Container unit

—One unit equals 1% of the corresponding query-container dimension. cqmin/cqmax are not inferred from one dimension.

Runs locally in your browser. Generated CSS is not deployed or tested against your site automatically.

How to use this CSS Container Query Unit Converter

Convert pixels to cqw, cqh, cqi, or cqb using an explicit query-container dimension. Enter your values above and the result is calculated directly in your browser. No account is required.

Fast answer, clear inputs

This tool is built around one job: give the answer quickly without forcing a signup or hiding the result. Related tools are linked nearby when the next calculation or conversion is useful.