CSS Math Functions Calculator

Calculate CSS math functions: calc, min, max, clamp, sin, cos, etc.

clamp() FUNCTION

font-size

CSS Math Function & Expression Builder

Function Type:

CSS Property:

Minimum (Min):

Preferred (Rate):

Maximum (Max):

Generated CSS Expression:

clamp(1.75rem, 4vw + 1rem, 3.5rem)

Responsive Typography & Math

/* CSS Math Rule */
.fluid-element {
  font-size: clamp(1.75rem, 4vw + 1rem, 3.5rem);
}

// Tailwind Arbitrary Value Equivalent
<div className="font-size-[clamp(1.75rem,_4vw_+_1rem,_3.5rem)]">
  Fluid Content
</div>