Column and span widths for an N-column grid from container width, columns and gu...

{ "method": "GET", "queryParams": { "columns": 12, "containerWidth": 1140, "gutter": 30 }, "type": "http" }

{ "example": { "asOf": "2026-10-11T14:32:44.186Z", "columnPercent": 5.92105263, "columnWidth": 67.5, "columns": 12, "containerWidth": 1140, "css": "grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 30px;", "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.", "gutter": 30, "gutterTotal": 330, "notChecked": [ "subpixel rounding by browsers (column widths are exact fractions)", "responsive breakpoints and how many columns each uses", "…1 more" ], "pageWidth": 1140, "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." ], "source": "Grid arithmetic: container = n x column + (n - 1) x gutter, computed locally", "spans": [ { "percentOfContainer": 5.921053, "percentWithGutterAfter": 8.333333, "span": 1, "width": 67.5 }, { "percentOfContainer": 14.473684, "percentWithGutterAfter": 16.666667, "span": 2, "width": 165 } ], "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" }, "type": "json" }