CSS Fluid Responsive Clamp Calculator

How to Use This Calculator

  • Enter min and max font sizes in px or rem. Your base font will always remain within these limits.
  • Enter your min and max viewport widths in px or rem.
  • In between these viewport limits, font size will scale in proportion to the client's viewport width.
  • The Result panel shows the generated formula that you can copy into your CSS.

Font Values 👇

Viewport Values 👇

Your clamp() function 🎉 🎉

...