Grid Columns Calculator
Work out column widths for a layout grid.
Quick answer: enter your details below and click Calculate Grid — your result appears instantly, right here in your browser. Nothing you enter is uploaded or stored.
G
500 New Tools
Enter your details below.
How to use
- Enter the container width in pixels.
- Enter the number of columns and the gutter size.
- Click Calculate Grid.
About this tool
Enter a container width, a column count, and a gutter size, and the tool calculates each column width and the total gutter space. It assumes equal columns with a gutter between each pair, which covers most page grids.
Frequently asked questions
Do gutters sit on the outer edges too?
This calculator puts gutters only between columns, which is the most common grid setup.
What if the column width is not whole?
Round down slightly and let the leftover sit as margin, or adjust the container width.