Grid System Column Calculator
Columns.
Work It Out And Get Clear Answers
Columns.
Grid System Column Estimator
Enter your numbers below for an instant estimate.
How It Works
Key concepts behind this calculator
Enter Values
Fill in each field with your own numbers.
Calculate
Press Calculate to see the result.
Review
Read the breakdown and the explanation.
Adjust
Change values to compare scenarios.
Grid System Column Quick Guide
Typical values for reference.
| Width (px) | Columns | Gutter (px) | Span 3 |
|---|---|---|---|
| 1,140 | 12 | 30 | 262.5 px |
| 570 | 12 | 30 | 120 px |
| 2,280 | 12 | 30 | 547.5 px |
| 1,140 | 6 | 30 | 555 px |
| 1,140 | 24 | 30 | 116.3 px |
| Rule of thumb: check your inputs, use the result as a guide and round sensibly. | |||
Grid System Column FAQ
Answers to common questions about this calculator.
Spans.
It uses the default inputs shown and the formula described above. Change any value and press Calculate to see how the result moves.
It is an estimate based on the inputs you enter. Check real quotes, labels, product data or official guidance for important decisions.
Yes. Replace each input with your own figures and press Calculate to update the result.
