WholePixelGridCalculator

About

This is a design tool for creating grids that use whole numbers for all properties. Input your known values, such as the total grid width or number of columns, then explore possible values for gutters and margins. Choose between automatic or fixed column widths as desired. Undo is supported and useful.

Colophon

This website was made by Eric Carl. The typeface is Booton by Displaay. It was carefully designed and built by hand, but all JavaScript was AI-generated.

Total Width

Columns

Column Width

Auto Manual

Gutter Width

Margin

Match Gutter

Grid State

Optimal

Suboptimal