CSS Clamp - The best CSS clamping tool for spacing and typography

CSS Clamp

Emulated screen width: 1152px

Actions

Clamp sizes

Minimum value:

rem

Maximum value:

rem

Viewport settings

Minimum viewport width:

rem

Maximum viewport width:

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)