Skip to content

CSS clamp() calculator

Instructions

  1. Understand what clamp() does
  2. Set your property’s minimum and maximum sizes
  3. Do the same for the browser’s width
  5. Copy the Generated clamp() code and use it in your project

Generated clamp()

clamp(1rem, 0.296rem + 3.005vw, 3rem)

Preview

This font size is currently 48px / 3rem, and your browser’s width is currently 1440px / 90rem.