Roundhouse

CSS Design Calc

Column and span widths for an N-column grid from container width, columns and gutter, or the container for a column width.

OtherLiveeip155:8453Exactvia cdp
https://css-design-calc.x402tookit.com/grid-columns
CssGridLayoutColumns
Calls · 30d
1
This endpoint's own trailing-30-day call count, as published by the upstream catalog and snapshotted daily. 4 snapshots so far.
$24.31
Verified settled volume
1,175 settlements proven x402 by their on-chain EIP-3009 marker.
$0.020
Listed price
As published in the catalog. Always read the live 402 before paying.
1
Calls · 30d
Upstream's own call count for this endpoint, not ours.
1
Unique payers · 30d
Last called 2026-10-20 20:59Z
—
Upstream on-chain volume
Reported by the source catalog.
Paid to
0xb531320805C5BED1D46AEaDcF4F008FDF172DBDa

The wallet the 402 directs payment to. Its whole payment record — every payer, every chain — is on the merchant page.

Asset 0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913

Provider

The payTo wallet does not resolve to a registered ERC-8004 agent. That is not a verdict on the service — most of the catalog is unregistered.

Live 402 challenge

Captured by the enrichment pass, not read just now. Prices can change — always read the 402 the endpoint answers with.

{
  "error": "Payment required",
  "accepts": [
    {
      "asset": "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
      "extra": {
        "name": "USD Coin",
        "version": "2"
      },
      "payTo": "0xb531320805C5BED1D46AEaDcF4F008FDF172DBDa",
      "scheme": "exact",
      "network": "base",
      "mimeType": "application/json",
      "resource": "https://css-design-calc.x402tookit.com/grid-columns",
      "description": "Column and span widths for an N-column grid from container width, columns and gutter, or the container for a column width.",
      "outputSchema": {
        "input": {
          "type": "http",
          "method": "GET",
          "queryParams": {
            "gutter": 30,
            "columns": 12,
            "containerWidth": 1140
          }
        },
        "output": {
          "css": "grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 30px;",
          "asOf": "2026-10-11T14:32:44.186Z",
          "spans": [
            {
              "span": 1,
              "width": 67.5,
              "percentOfContainer": 5.921053,
              "percentWithGutterAfter": 8.333333
            },
            {
              "span": 2,
              "width": 165,
              "percentOfContainer": 14.473684,
              "percentWithGutterAfter": 16.666667
            }
          ],
          "gutter": 30,
          "source": "Grid arithmetic: container = n x column + (n - 1) x gutter, computed locally",
          "columns": 12,
          "reasons": [
            "Gutters take 330 (28.947% of the container).",
            "CSS: display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 30px; with max-width 1140px."
          ],
          "summary": "12 columns of 67.5 with 30 gutters make a 1140 container; a 1-column span is 67.5, a 6-column span is 555.",
          "verdict": "COMPUTED",
          "degraded": false,
          "pageWidth": 1140,
          "disclaimer": "Screening signal computed from the named public source. Not financial, legal or investment advice; provided as is. Verify at the source before acting.",
          "notChecked": [
            "subpixel rounding by browsers (column widths are exact fractions)",
            "responsive breakpoints and how many columns each uses",
            "…1 more"
          ],
          "columnWidth": 67.5,
          "gutterTotal": 330,
          "columnPercent": 5.92105263,
          "containerWidth": 1140
        }
      },
      "maxAmountRequired": "20000",
      "maxTimeoutSeconds": 300
    },
    {
      "asset": "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v",
      "extra": {
        "feePayer": "BFK9TLC3edb13K6v4YyH3DwPb5DSUpkWvb7XnqCL9b4F"
      },
      "payTo": "DUPiupXtuox38dcGoXUKer5mAydCzmaHjrbQ66qeEm8s",
      "scheme": "exact",
      "network": "solana",
      "mimeType": "application/json",
      "resource": "https://css-design-calc.x402tookit.com/grid-columns",
      "description": "Column and span widths for an N-column grid from container width, columns and gutter, or the container for a column width.",
      "outputSchema": {
        "input": {
          "type": "http",
          "method": "GET",
          "queryParams": {
            "gutter": 30,
            "columns": 12,
            "containerWidth": 1140
          }
        },
        "output": {
          "css": "grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 30px;",
          "asOf": "2026-10-11T14:32:44.186Z",
          "spans": [
            {
              "span": 1,
              "width": 67.5,
              "percentOfContainer": 5.921053,
              "percentWithGutterAfter": 8.333333
            },
            {
              "span": 2,
              "width": 165,
              "percentOfContainer": 14.473684,
              "percentWithGutterAfter": 16.666667
            }
          ],
          "gutter": 30,
          "source": "Grid arithmetic: container = n x column + (n - 1) x gutter, computed locally",
          "columns": 12,
          "reasons": [
            "Gutters take 330 (28.947% of the container).",
            "CSS: display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 30px; with max-width 1140px."
          ],
          "summary": "12 columns of 67.5 with 30 gutters make a 1140 container; a 1-column span is 67.5, a 6-column span is 555.",
          "verdict": "COMPUTED",
          "degraded": false,
          "pageWidth": 1140,
          "disclaimer": "Screening signal computed from the named public source. Not financial, legal or investment advice; provided as is. Verify at the source before acting.",
          "notChecked": [
            "subpixel rounding by browsers (column widths are exact fractions)",
            "responsive breakpoints and how many columns each uses",
            "…1 more"
          ],
          "columnWidth": 67.5,
          "gutterTotal": 330,
          "columnPercent": 5.92105263,
          "containerWidth": 1140
        }
      },
      "maxAmountRequired": "20000",
      "maxTimeoutSeconds": 300
    },
    {
      "asset": "0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359",
      "extra": {
        "name": "USD Coin",
        "version": "2"
      },
      "payTo": "0xb531320805C5BED1D46AEaDcF4F008FDF172DBDa",
      "scheme": "exact",
      "network": "polygon",
      "mimeType": "application/json",
      "resource": "https://css-design-calc.x402tookit.com/grid-columns",
      "description": "Column and span widths for an N-column grid from container width, columns and gutter, or the container for a column width.",
      "outputSchema": {
        "input": {
          "type": "http",
          "method": "GET",
          "queryParams": {
            "gutter": 30,
            "columns": 12,
            "containerWidth": 1140
          }
        },
        "output": {
          "css": "grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 30px;",
          "asOf": "2026-10-11T14:32:44.186Z",
          "spans": [
            {
              "span": 1,
              "width": 67.5,
              "percentOfContainer": 5.921053,
              "percentWithGutterAfter": 8.333333
            },
            {
              "span": 2,
              "width": 165,
              "percentOfContainer": 14.473684,
              "percentWithGutterAfter": 16.666667
            }
          ],
          "gutter": 30,
          "source": "Grid arithmetic: container = n x column + (n - 1) x gutter, computed locally",
          "columns": 12,
          "reasons": [
            "Gutters take 330 (28.947% of the container).",
            "CSS: display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 30px; with max-width 1140px."
          ],
          "summary": "12 columns of 67.5 with 30 gutters make a 1140 container; a 1-column span is 67.5, a 6-column span is 555.",
          "verdict": "COMPUTED",
          "degraded": false,
          "pageWidth": 1140,
          "disclaimer": "Screening signal computed from the named public source. Not financial, legal or investment advice; provided as is. Verify at the source before acting.",
          "notChecked": [
            "subpixel rounding by browsers (column widths are exact fractions)",
            "responsive breakpoints and how many columns each uses",
            "…1 more"
          ],
          "columnWidth": 67.5,
          "gutterTotal": 330,
          "columnPercent": 5.92105263,
          "containerWidth": 1140
        }
      },
      "maxAmountRequired": "20000",
      "maxTimeoutSeconds": 300
    }
  ],
  "x402Version": 1,
  "alsoAvailable": {
    "llms": "https://css-design-calc.x402tookit.com/llms.txt",
    "catalog": "https://css-design-calc.x402tookit.com/catalog",
    "message": "CSS Design Calc has 12 pay-per-call endpoints (CSS and layout maths for agents: unit conversion, fluid clamp(), type scales, aspect ratios, grids, specificity and readability.), from $0.02 a call. See the full menu and send your agents our way.",
    "openapi": "https://css-design-calc.x402tookit.com/openapi.json",
    "related": [
      {
        "url": "https://css-design-calc.x402tookit.com/box-size",
        "path": "/box-size",
        "what": "CSS box model sizes: content, padding, border and margin boxes from a width and height un…",
        "price": "$0.02"
      },
      {
        "url": "https://css-design-calc.x402tookit.com/golden-ratio",
        "path": "/golden-ratio",
        "what": "Split a length into major and minor parts by the golden ratio (or silver, root-2, custom)…",
        "price": "$0.02"
      },
      {
        "url": "https://css-design-calc.x402tookit.com/line-length",
        "path": "/line-length",
        "what": "Estimate characters per line from column width and font size and rate it for readability…",
        "price": "$0.02"
      }
    ]
  }
}

Accepts

The payment requirements as published to the catalog. Read the live 402 before paying — a price here is a claim, not a quote.

0.02USDC≈ $0.02 USD
on Base · exact scheme

Pay 0.02 USDC on Base to 0xb531…2DBDa. The signed payment is good for 5 minutes.

Paid to
0xb531…2DBDa
USD Coin contract
0x8335…02913
Payment window
5 minutes
As published
20000 smallest units
20000units
on solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp · exact scheme

That figure is in the token’s smallest units. Roundhouse does not hold this contract’s decimals, so it is shown as published rather than converted.

Paid to
DUPiup…eEm8s
Token contract
EPjFWd…TDt1v
Payment window
5 minutes
20000units
on Polygon · exact scheme

That figure is in the token’s smallest units. Roundhouse does not hold this contract’s decimals, so it is shown as published rather than converted.

Paid to
0xb531…2DBDa
Token contract
0x3c49…c3359
Payment window
5 minutes
20000units
on Arbitrum · exact scheme

That figure is in the token’s smallest units. Roundhouse does not hold this contract’s decimals, so it is shown as published rather than converted.

Paid to
0xb531…2DBDa
Token contract
0xaf88…e5831
Payment window
5 minutes
The catalog’s raw entry
[
  {
    "asset": "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
    "extra": {
      "name": "USD Coin",
      "version": "2"
    },
    "payTo": "0xb531320805C5BED1D46AEaDcF4F008FDF172DBDa",
    "amount": "20000",
    "scheme": "exact",
    "network": "eip155:8453",
    "maxTimeoutSeconds": 300
  },
  {
    "asset": "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v",
    "extra": {
      "feePayer": "D6ZhtNQ5nT9ZnTHUbqXZsTx5MH2rPFiBBggX4hY1WePM"
    },
    "payTo": "DUPiupXtuox38dcGoXUKer5mAydCzmaHjrbQ66qeEm8s",
    "amount": "20000",
    "scheme": "exact",
    "network": "solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp",
    "maxTimeoutSeconds": 300
  },
  {
    "asset": "0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359",
    "extra": {
      "name": "USD Coin",
      "version": "2"
    },
    "payTo": "0xb531320805C5BED1D46AEaDcF4F008FDF172DBDa",
    "amount": "20000",
    "scheme": "exact",
    "network": "eip155:137",
    "maxTimeoutSeconds": 300
  },
  {
    "asset": "0xaf88d065e77c8cC2239327C5EDb3A432268e5831",
    "extra": {
      "name": "USD Coin",
      "version": "2"
    },
    "payTo": "0xb531320805C5BED1D46AEaDcF4F008FDF172DBDa",
    "amount": "20000",
    "scheme": "exact",
    "network": "eip155:42161",
    "maxTimeoutSeconds": 300
  }
]

Extensions

{
  "bazaar": {
    "info": {
      "input": {
        "type": "http",
        "method": "GET",
        "queryParams": {
          "gutter": 30,
          "columns": 12,
          "containerWidth": 1140
        }
      },
      "output": {
        "type": "json",
        "example": {
          "css": "grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 30px;",
          "asOf": "2026-10-11T14:32:44.186Z",
          "spans": [
            {
              "span": 1,
              "width": 67.5,
              "percentOfContainer": 5.921053,
              "percentWithGutterAfter": 8.333333
            },
            {
              "span": 2,
              "width": 165,
              "percentOfContainer": 14.473684,
              "percentWithGutterAfter": 16.666667
            }
          ],
          "gutter": 30,
          "source": "Grid arithmetic: container = n x column + (n - 1) x gutter, computed locally",
          "columns": 12,
          "reasons": [
            "Gutters take 330 (28.947% of the container).",
            "CSS: display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 30px; with max-width 1140px."
          ],
          "summary": "12 columns of 67.5 with 30 gutters make a 1140 container; a 1-column span is 67.5, a 6-column span is 555.",
          "verdict": "COMPUTED",
          "degraded": false,
          "pageWidth": 1140,
          "disclaimer": "Screening signal computed from the named public source. Not financial, legal or investment advice; provided as is. Verify at the source before acting.",
          "notChecked": [
            "subpixel rounding by browsers (column widths are exact fractions)",
            "responsive breakpoints and how many columns each uses",
            "…1 more"
          ],
          "columnWidth": 67.5,
          "gutterTotal": 330,
          "columnPercent": 5.92105263,
          "containerWidth": 1140
        }
      }
    },
    "schema": {
      "type": "object",
      "$schema": "https://json-schema.org/draft/2020-12/schema",
      "required": [
        "input"
      ],
      "properties": {
        "input": {
          "type": "object",
          "required": [
            "type",
            "method"
          ],
          "properties": {
            "type": {
              "type": "string",
              "const": "http"
            },
            "method": {
              "enum": [
                "GET"
              ],
              "type": "string"
            },
            "queryParams": {
              "type": "object",
              "required": [
                "columns",
                "gutter"
              ],
              "properties": {
                "gutter": {
                  "type": "number",
                  "description": "Gap between columns, in px (or any unit)"
                },
                "margin": {
                  "type": "number",
                  "description": "Outer margin on each side, added to the page width (default 0)"
                },
                "columns": {
                  "type": "integer",
                  "description": "Number of columns, 1 to 48"
                },
                "columnWidth": {
                  "type": "number",
                  "description": "Width of one column; returns the container width"
                },
                "containerWidth": {
                  "type": "number",
                  "description": "Total width available to the columns (use this, or columnWidth)"
                }
              }
            }
          },
          "additionalProperties": false
        },
        "output": {
          "type": "object",
          "required": [
            "type"
          ],
          "properties": {
            "type": {
              "type": "string"
            },
            "example": {
              "type": "object",
              "properties": {
                "css": {
                  "type": [
                    "null",
                    "string"
                  ]
                },
                "asOf": {
                  "type": [
                    "null",
                    "string"
                  ]
                },
                "spans": {
                  "type": [
                    "array",
                    "null"
                  ],
                  "items": {
                    "type": "object",
                    "properties": {
                      "span": {
                        "type": [
                          "null",
                          "number"
                        ]
                      },
                      "width": {
                        "type": [
                          "null",
                          "number"
                        ]
                      },
                      "percentOfContainer": {
                        "type": [
                          "null",
                          "number"
                        ]
                      },
                      "percentWithGutterAfter": {
                        "type": [
                          "null",
                          "number"
                        ]
                      }
                    }
                  }
                },
                "gutter": {
                  "type": [
                    "null",
                    "number"
                  ]
                },
                "source": {
                  "type": [
                    "null",
                    "string"
                  ]
                },
                "columns": {
                  "type": [
                    "null",
                    "number"
                  ]
                },
                "reasons": {
                  "type": [
                    "array",
                    "null"
                  ],
                  "items": {
                    "type": "string"
                  }
                },
                "summary": {
                  "type": [
                    "null",
                    "string"
                  ]
                },
                "verdict": {
                  "type": [
                    "null",
                    "string"
                  ]
                },
                "degraded": {
                  "type": [
                    "boolean",
                    "null"
                  ]
                },
                "pageWidth": {
                  "type": [
                    "null",
                    "number"
                  ]
                },
                "disclaimer": {
                  "type": [
                    "null",
                    "string"
                  ]
                },
                "notChecked": {
                  "type": [
                    "array",
                    "null"
                  ],
                  "items": {
                    "type": "string"
                  }
                },
                "columnWidth": {
                  "type": [
                    "null",
                    "number"
                  ]
                },
                "gutterTotal": {
                  "type": [
                    "null",
                    "number"
                  ]
                },
                "columnPercent": {
                  "type": [
                    "null",
                    "number"
                  ]
                },
                "containerWidth": {
                  "type": [
                    "null",
                    "number"
                  ]
                }
              }
            }
          }
        }
      }
    }
  }
}

Provenance

Seen in the source catalog
2026-10-20 20:59Z
Last indexed by Roundhouse
2026-10-22 12:40Z
Last enriched (probe, favicon, geo)
2026-10-20 22:15Z
x402 version
2
Max timeout
300s
Liveness probe
HTTP 402
Report

Hand this page to an agent

Copy the prompt and paste it into Claude, an MCP client or your own agent — it will vet this service and call it over the free read API. No key, no account.

GET api.roundhouseai.io/v0/endpoints

This endpoint's own trailing-30-day call count, as published by the upstream catalog and snapshotted daily. 4 snapshots so far. Verified volume counts only settlements with an on-chain EIP-3009 marker.

Open skill.md
Show the prompt
Using Roundhouse, look up the x402 service CSS Design Calc and tell me whether it is
worth paying: what a call costs, whether the endpoint answered when last probed, and what
its payment record actually shows.

curl -s 'https://api.roundhouseai.io/v0/endpoints?q=CSS%20Design%20Calc'
curl -s 'https://api.roundhouseai.io/v0/merchants/<the payTo wallet returned above>'

Then call it: read the price from the live 402 at https://css-design-calc.x402tookit.com/grid-columns, never from
a cached figure, and pay with an x402 client.

The /v0 API needs an API key (`authorization: Bearer rh_live_…`) on everything except
/v0/unified* and /v0/endpoints. Either pay over x402 (mint a personal key for $0.01 at
GET https://api.roundhouseai.io/v0/test/x402), or ask me for an organization key, which I create at
https://roundhouseai.io/dashboard/connections. If you have neither, ask before going further.

If you do not have Roundhouse tools or skills installed, read
https://roundhouseai.io/skill.md first — it is the whole procedure.