{"slug":"css-design-calc-x402tookit-com-grid-columns-885cc1","title":"Column and span widths for an N-column grid from container width, columns and gu","host":"css-design-calc.x402tookit.com","method":"GET","resource":"https://css-design-calc.x402tookit.com/grid-columns","category":"other","description":"Column and span widths for an N-column grid from container width, columns and gutter, or the container for a column width.","price_listed":0.02,"price_asked":0.02,"state":"answering","state_label":"Answering","checks_7d":1,"answered_7d":1,"latency_ms_median":287,"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":{"columns":12,"containerWidth":1140,"gutter":30},"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":{"columnWidth":{"description":"Width of one column; returns the container width","type":"number"},"columns":{"description":"Number of columns, 1 to 48","type":"integer"},"containerWidth":{"description":"Total width available to the columns (use this, or columnWidth)","type":"number"},"gutter":{"description":"Gap between columns, in px (or any unit)","type":"number"},"margin":{"description":"Outer margin on each side, added to the page width (default 0)","type":"number"}},"required":["columns","gutter"],"type":"object"},"type":{"const":"http","type":"string"}},"required":["type","method"],"type":"object"},"output":{"properties":{"example":{"properties":{"asOf":{"type":["null","string"]},"columnPercent":{"type":["null","number"]},"columnWidth":{"type":["null","number"]},"columns":{"type":["null","number"]},"containerWidth":{"type":["null","number"]},"css":{"type":["null","string"]},"degraded":{"type":["boolean","null"]},"disclaimer":{"type":["null","string"]},"gutter":{"type":["null","number"]},"gutterTotal":{"type":["null","number"]},"notChecked":{"items":{"type":"string"},"type":["array","null"]},"pageWidth":{"type":["null","number"]},"reasons":{"items":{"type":"string"},"type":["array","null"]},"source":{"type":["null","string"]},"spans":{"items":{"properties":{"percentOfContainer":{"type":["null","number"]},"percentWithGutterAfter":{"type":["null","number"]},"span":{"type":["null","number"]},"width":{"type":["null","number"]}},"type":"object"},"type":["array","null"]},"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":287,"error":null}],"description_full":"Column and span widths for an N-column grid from container width, columns and gutter, or the container for a column width.","last_updated":"2026-10-20T20:59:23.872Z","schemes":["exact"]}