Fluid sizes

Generate CSS clamp() for fluid type and spacing.

Each example below is the actual published widget running in your browser. Change a size or screen width to see the clamp(), the preview and the table update; nothing is sent anywhere.

This tool needs JavaScript.

Size (px)

Smallest screenLargest screen

Screen width (px)

Start scaling atStop scaling at

PropertyOutput unit

CSS

Preview at screen width

The quick brown fox

Values at common screen widths
Screen width	Size

Default settings: 16 to 24 px between 320 and 1280 px wide, in rem, with presets, a preview at any screen width and a table of values.