CSS clamp editor & visualiser

Visualise the CSS clamp() function in action!

Have a play with the values and see how the text displays in a resizing element.

Caution: The way the demo below works is by switching out the vw and related units for the new cqi unit, allowing the demo to display.

Get the CSS!
				font-size: clamp(1rem, 9vw, 60px);
			
This text size is clamped!
This text size is clamped!