🫠 Fluid Clamp Generator 🫠

Ever had trouble calculating fluid clamp values?
This generator will help you deal with that!

This generator assumes your CSS html element has font-size 62.5% set (10px = 1rem).
But you can modify this in the form below, if you rather use 100% (16px = 1rem).

💅 Your values 💅

Without the % suffix

/* Make sure this part is in your CSS code */
html{
  font-size: 62.5%;
}

No support for custom prefix at the moment

Without the px suffix

Without the px suffix

Larger number = Smaller min size

Smaller number = Bigger max size

Sometimes you might not want to have calc() on the preferred value