Crea sistemas de espacios en blanco adaptables que escalen de forma fluida entre móviles estrechos y monitores de escritorio ultrapanorámicos.
Introduce los límites de espaciado
Introduce el padding mínimo para móviles y el padding máximo para escritorio en píxeles.
Define los umbrales de pantalla
Establece los umbrales de ancho de pantalla inicial y final para el crecimiento del espaciado.
Aplicar a las reglas de espaciado
Copia el valor calculado y pégalo en tus propiedades `padding`, `margin` o `gap`.
Reemplaza los bloques repetitivos de consultas `@media` en tus tokens de diseño con una sola regla declarativa clamp().
Evita que el padding de tus secciones quede por debajo de los estándares mínimos de usabilidad o sobrepase los límites del diseño.
Sí, clamp() funciona igual de bien para las propiedades gap, margin, padding y width.
La propiedad se fija firmemente en el valor máximo definido y no sigue aumentando.