Grid Calculator

Change the settings (by dragging the sliders, clicking on the bars, or editing the values) to calculate the overall width of your grid. View Changelog.

Base font size

 
px

Number of columns

 
columns

Column width

 
px

Gutter width

 
px

Grid Preview

Changelog

  1. 10th May: Version 1.1 - Added visualisation of columns and gutters
  2. 6th May: Version 1.0.1 - More columns, narrower columns
  3. 4th May: Version 1.0

© 2007-9 Matthew Pennell. Read the related blog entry. Use the Photoshop GridMaker script to create your grid in CS2.

Further Grid Resources