CSS Clamp LogoCSS Clamp
Emulated screen width: 1152px
Emulated screen width: 1152px
Actions

Clamp sizes

rem
rem

Viewport settings

rem
rem

Explained

When resizing the viewport the clamped value will be at least 1 rem and at most 8 rem. Between viewport widths of 20 rem and 120 rem the value will be clamped (fluid) between 1 rem and 8 rem linearly.

Output

The following CSS will be generated:
clamp(1rem, -0.4rem + 7vw, 8rem)