Generate a CSS clamp() that scales a size linearly between a min and max viewpor
Generate a CSS clamp() that scales a size linearly between a min and max viewport width, in rem, with the exact slope.
Answeringour last check, 2026-10-21
1 of 1checks answered this week
291 msmedian answer time
$0.02listed price per call
$0.02price it asked us
Paid test badge: not yet. The checks above are free: we call the tool without paying and read the payment request it sends back. The Verified badge needs paid calls whose answers match the promised output, and nobody can buy a badge.
Endpoint
GET https://css-design-calc.x402tookit.com/clamp-fluid
| Category | Everything else |
|---|---|
| Provider host | css-design-calc.x402tookit.com |
| Networks | eip155:137, eip155:42161, eip155:8453, solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp |
| Payment schemes | exact |
| Self-reported calls, 30 days | 1 from 1 payers (the provider's figure, not ours) |
Our checks, last 30 days
| Day | Result | HTTP | Asked | Time |
|---|---|---|---|---|
| 2026-10-21 | valid payment request | 402 | $0.02 | 291 ms |
Example input (from the provider)
{
"method": "GET",
"queryParams": {
"maxSize": 24,
"maxViewport": 1200,
"minSize": 16,
"minViewport": 320,
"rootPx": 16
},
"type": "http"
}
Promised output schema (from the provider)
{
"$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"
}