Description
Divide nonnegative gutterWidth by positive columnWidth.
A layout divides finite space among content, margins, gutters, and clearances. Counts describe how many gaps exist, while offsets and snapping describe where edges fall; changing either convention changes the resulting dimensions.
Divide nonnegative gutterWidth by positive columnWidth.
When to use this tool
Use Grid Gutter Per Column Share when you need a local layout dimension or alignment check with explicit geometric inputs.
How to use the tool and how it works
- Enter gutterWidth, columnWidth. Use the units and conventions below.
- Run the tool. Correct any format, range, or cross-field input error before interpreting the output.
- Read gutterToColumnRatio. Use the output convention below.
Divide nonnegative gutterWidth by positive columnWidth.1
| Input field | Meaning and units | Accepted input |
|---|---|---|
| gutterWidth | Gutter Width | Required. Finite number; minimum 0. |
| columnWidth | Column Width | Required. Finite number; strictly above 0. |
| Output field | Interpretation | Returned shape |
|---|---|---|
| gutterToColumnRatio | Gutter To Column Ratio | Required. Finite number. |
{
"input": {
"gutterWidth": 2,
"columnWidth": 8
},
"output": {
"gutterToColumnRatio": 0.25
}
}Limitations and assumptions
- Both lengths share units; this ratio is gutter relative to one column, not gutter share of the full layout or a recommended design proportion.
- Inputs must satisfy both the field types and the cross-field conditions above. Invalid input causes an error; a successful false flag or documented placeholder is a different result.
- Numeric calculations use binary floating point unless exact decimal-integer arithmetic is explicitly stated. No hidden measurement tolerance or decimal rounding is added; nonfinite or out-of-contract results are rejected. Numeric signed-zero results are exported as zero.
Alternative or Complementary methods
Construct the full layout in a design application and inspect its bounds. For overlapping or rotated content, use geometric intersection and containment rather than independent one-dimensional allowances.
References
Similar or alternative tools
- Text Column Gutter Width Budget
Subtract two outer insets and intercolumn gutters, then divide the remaining width by columns.
- Baseline Grid Half Step Rule
Normalize coordinate around origin, round to the nearest grid index, resolve exact half steps by the selected policy, and return index and snapped coordinate.