Responsive values with min and max using CSS clamp(). One line for fluid typography or spacing.
/* Fluid typography: min 1rem, preferred 2.5vw, max 2rem */
font-size: clamp(1rem, 2.5vw, 2rem);
/* Fluid padding */
padding: clamp(0.5rem, 1vw, 2rem);
/* Three values: min, preferred, max */
width: clamp(280px, 90%, 1200px);clamp(min, preferred, max). The preferred value can use vw, vh, or calc(). Browser uses the preferred value but never below min or above max.
Use for fluid type without media queries, e.g. font-size: clamp(1rem, 2.5vw, 2rem).