Layout Grid Generator
Grid for
Web · px
Print · mm/in
Preset
Custom
12-col desktop · 1440
12-col Bootstrap 5 · 1320
8-col tablet · 768
4-col mobile · 360
A4 · 6-col magazine
Letter · 2-col newsletter
A5 · 1-col book
Frame width
px
Frame height
px
Max content
px
Side margin
px
Columns
Gutter
px
Page size
A5 · 148 × 210 mm
A4 · 210 × 297 mm
A3 · 297 × 420 mm
US Letter · 8.5 × 11 in
US Legal · 8.5 × 14 in
Tabloid · 11 × 17 in
Custom
Units
Millimeters
Inches
Page width
mm
Page height
mm
Top margin
mm
Bottom margin
mm
Inside margin
mm
Outside margin
mm
Columns
Gutter
mm
⇄ Landscape
Facing pages
Baseline grid
px
Overlay color
#E5484D
PNG size
1× pixels
2× (Retina)
Download PNG
Download SVG
Copy CSS
Copy specs
78 px
Column width
24 px
Gutter
1200 px
Content width
120 px
Outer margin, each side
Columns land on whole pixels — nothing will blur at 1×.
Width when an element spans
n
columns
Layout Grid Generator by ArtsInterstices