{"slug":"css-design-calc-x402tookit-com-clamp-fluid-6b39ad","title":"Generate a CSS clamp() that scales a size linearly between a min and max viewpor","host":"css-design-calc.x402tookit.com","method":"GET","resource":"https://css-design-calc.x402tookit.com/clamp-fluid","category":"other","description":"Generate a CSS clamp() that scales a size linearly between a min and max viewport width, in rem, with the exact slope.","price_listed":0.02,"price_asked":0.02,"state":"answering","state_label":"Answering","checks_7d":1,"answered_7d":1,"latency_ms_median":291,"reported_calls_30d":1,"reported_payers_30d":1,"networks":["eip155:137","eip155:42161","eip155:8453","solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp"],"badge":"unverified","paid_checks_7d":0,"paid_ok_7d":0,"example_input":{"method":"GET","queryParams":{"maxSize":24,"maxViewport":1200,"minSize":16,"minViewport":320,"rootPx":16},"type":"http"},"output_schema":{"$schema":"https://json-schema.org/draft/2020-12/schema","properties":{"input":{"additionalProperties":false,"properties":{"method":{"enum":["GET"],"type":"string"},"queryParams":{"properties":{"at":{"description":"Optional viewport width in px to evaluate the result at","type":"number"},"maxSize":{"description":"Size at the maximum viewport, in px","type":"number"},"maxViewport":{"description":"Viewport width where scaling ends, px (default 1200)","type":"number"},"minSize":{"description":"Size at the minimum viewport, in px","type":"number"},"minViewport":{"description":"Viewport width where scaling starts, px (default 320)","type":"number"},"rootPx":{"description":"Root font size in px for the rem output (default 16)","type":"number"}},"required":["minSize","maxSize"],"type":"object"},"type":{"const":"http","type":"string"}},"required":["type","method"],"type":"object"},"output":{"properties":{"example":{"properties":{"asOf":{"type":["null","string"]},"css":{"type":["null","string"]},"cssInPx":{"type":["null","string"]},"degraded":{"type":["boolean","null"]},"disclaimer":{"type":["null","string"]},"evaluatedAtViewport":{},"interceptPx":{"type":["null","number"]},"interceptRem":{"type":["null","number"]},"maxRem":{"type":["null","number"]},"minRem":{"type":["null","number"]},"notChecked":{"items":{"type":"string"},"type":["array","null"]},"reasons":{"items":{"type":"string"},"type":["array","null"]},"rootPx":{"type":["null","number"]},"sizeAtMidpointPx":{"type":["null","number"]},"sizeAtViewportPx":{},"slopeVw":{"type":["null","number"]},"source":{"type":["null","string"]},"summary":{"type":["null","string"]},"verdict":{"type":["null","string"]}},"type":"object"},"type":{"type":"string"}},"required":["type"],"type":"object"}},"required":["input"],"type":"object"},"history":[{"day":"2026-10-21","reachable":true,"status":402,"valid_402":true,"asked_usdc":0.02,"price_match":true,"latency_ms":291,"error":null}],"description_full":"Generate a CSS clamp() that scales a size linearly between a min and max viewport width, in rem, with the exact slope.","last_updated":"2026-10-20T20:59:19.786Z","schemes":["exact"]}