Jack Randall - WordPress

CSS Clamp Generator

Generate responsive CSS for typography and spacing that scales perfectly between two screen sizes.

Base Settings

px

Viewport Width in px

px

The smallest screen size to support (e.g., mobile).

px

The largest screen size to stop scaling (e.g., desktop).

Fluid Sizes in px/rem

The minimum size the element should ever be.

The maximum size the element should ever be.

CSS Output

Fixed Value (A):  0rem
Fluid Value (B):  0vw

Final Clamp() Code:

clamp(1.125rem, 0.778rem + 1.25vw, 1.5rem);
Copyright © Jack Randall WordPress, 2026
Terms & Conditions Overview