clamp()
En CSS-funktion som tar tre värden — minimum, föredraget och maximum — och håller resultatet inom intervallet. clamp(1rem, 2.5vw, 2rem) ger ett värde som skalar med viewporten men aldrig blir mindre än 1rem eller större än 2rem. Grunden för "fluid" responsiv design.
Mekanik: clamp(MIN, FÖREDRAGET, MAX) = max(MIN, min(FÖREDRAGET, MAX)). Det föredragna värdet är ofta viewport-relativt (vw) så det skalar mjukt med skärmstorleken, medan min/max sätter rimliga gränser. Klassiskt use case: fluid typografi — rubriker som växer smidigt med skärmen i stället för att hoppa vid media-query-brytpunkter (font-size: clamp(1.5rem, 4vw, 3rem)). Även för avstånd, bredder, padding. Vinst: en enda rad ersätter flera media queries och ger en kontinuerligt anpassad layout. Kombineras ofta med custom properties och calc() för avancerade formler. Tillsammans med min() och max() en del av CSS:s matematiska funktioner. En modern grundteknik för responsiv design. Hör ihop med CSS custom properties och container queries.