clamp()

Widely available Reference ↗

clamp() gives a fluid value a floor and a ceiling. It is useful for type and spacing that should scale without breakpoint jumps.

.title {
  font-size: clamp(1.75rem, 1.25rem + 2vw, 3.5rem);
}

.page {
  padding-inline: clamp(1rem, 5vw, 6rem);
}

The middle value should express real fluid behavior, not merely make the declaration look clever. Test the minimum and maximum at zoomed text sizes.