Gutter Width Column Grid Share

Allocate explicit total gutter share among N−1 gutters separately from N equal columns; not a percent per gutter or universally recommended grid.

Description

A grid’s total gutter share is distributed across one fewer gutter than columns.

A grid’s total gutter share is distributed across one fewer gutter than columns. It is distinct from a percentage per gutter.^[1]

Enter positive width, integer columns 2–128 and share 0≤share<1. Return gutter count and equal gutter/column widths.

When to use Gutter Width Column Grid Share

Use Gutter Width Column Grid Share when you need to evaluate the supplied records under the calculation and evidence rules below. No responsive layout, typography target or recommended grid is chosen.

Prepare measured font or typeset-layout values and the explicit design policy requested. For text or font bytes, use the supported syntax explained below.

How to use Gutter Width Column Grid Share and understand its results

Prepare measured font or typeset-layout values and the explicit design policy requested. For text or font bytes, use the supported syntax explained below.
Enter fullGridWidthPx, columnCount, callerTotalGutterShare using the field table and calculation rules, then run the tool.
Read gutterCount, eachGutterWidthPx, eachColumnWidthPx. The explanation below defines the units, signs, ordering and any flags or placeholder values.
If the tool reports an input issue, correct the values and run it again. Apply the stated assumptions when interpreting a successfully returned result.

Input field	Meaning	Value type; see rules below	Requirement
fullGridWidthPx	Full grid width px	number	Required
columnCount	Column count	number	Required
callerTotalGutterShare	Caller total gutter share	number	Required

Enter positive width, integer columns 2–128 and share 0≤share<1. Return gutter count and equal gutter/column widths.

gutter=width×share/(N−1); column=width×(1−share)/N

Units, indexing, boundary conditions and exceptional cases are defined in the calculation rules above.

Output field	Meaning	Value type
gutterCount	Gutter count	number
eachGutterWidthPx	Each gutter width px	number
eachColumnWidthPx	Each column width px	number

json

{
  "input": {
    "fullGridWidthPx": 600,
    "columnCount": 3,
    "callerTotalGutterShare": 0.1
  },
  "output": {
    "gutterCount": 2,
    "eachGutterWidthPx": 30,
    "eachColumnWidthPx": 180
  }
}

Limitations and assumptions

No responsive layout, typography target or recommended grid is chosen.

Numeric inputs, where present, must be finite. Follow the calculation-specific rules for overflow, underflow and exceptional cases. Missing required fields, extra fields, wrong value types and violations of the calculation rules are input errors.

Alternative or Complementary methods

Use Column Count From Text Width: Column packing accounts for N−1 gutters between N columns. Insufficient width should yield an explicit zero-column result. For a complementary task, use Optimal Measure Characters-Per-Line: Characters per line depend on word advances and wrapping, not just nominal font size. A greedy word model makes unbreakable overflows visible.

References

Gutter Width Column Grid Share — tool.io

Similar or alternative tools

Column Count From Text Width
Column packing accounts for N−1 gutters between N columns. Insufficient width should yield an explicit zero-column result.
Optimal Measure Characters-Per-Line
Characters per line depend on word advances and wrapping, not just nominal font size. A greedy word model makes unbreakable overflows visible.