Fluid sizes

Calculate and use fluid CSS clamp() sizes using different calculation methods.

px
px
px

Browser default: 16px = 1rem

Min/max

Set fixed parameters for both min/max viewports and sizes

px
px

CSS

Multiplier

Use a multiplier to generate a max size based on your min size.

px
px

CSS

Divider

Use a divider to generate a min size based on your max size.

px
px

CSS

Relative

Calculate the max size based on the relationship between the min/max viewport values.

px
px

CSS

made by Abbas Arezoo