Generate a CSS clamp() that scales a size linearly between a min and max viewpor...

{ "method": "GET", "queryParams": { "maxSize": 24, "maxViewport": 1200, "minSize": 16, "minViewport": 320, "rootPx": 16 }, "type": "http" }

{ "example": { "asOf": "2026-10-11T14:32:43.131Z", "css": "clamp(1rem, 0.8182rem + 0.9091vw, 1.5rem)", "cssInPx": "clamp(16px, 13.0909px + 0.9091vw, 24px)", "degraded": false, "disclaimer": "Screening signal computed from the named public source. Not financial, legal or investment advice; provided as is. Verify at the source before acting.", "evaluatedAtViewport": null, "interceptPx": 13.09090909, "interceptRem": 0.81818182, "maxRem": 1.5, "minRem": 1, "notChecked": [ "user zoom and text-only zoom: using rem plus vw keeps text resizable, but a viewport-only value would not (WCAG 1.4.4 needs zoom to still scale text)", "container width: the slope is in vw, so it follows the viewport, not the component", "…1 more" ], "reasons": [ "Slope 0.909091vw; intercept 13.090909px (0.818182rem).", "Below the minimum viewport the size stays at the minimum, above the maximum viewport it stays at the maximum." ], "rootPx": 16, "sizeAtMidpointPx": 20, "sizeAtViewportPx": null, "slopeVw": 0.90909091, "source": "Linear interpolation; the clamp() form follows CSS Values and Units Level 4, computed locally", "summary": "clamp(1rem, 0.8182rem + 0.9091vw, 1.5rem): 16px at 320px wide to 24px at 1200px.", "verdict": "COMPUTED" }, "type": "json" }