Master Template

Website Layouts

Column sizes in pixels

What follows is some example website page layouts showing the the column widths in pixels to use as guides to populate your website pages.

Remember! a great layout conforms to grids from page to page. But, the best most interesting layouts then go on to break the grid system every-so-often, thereby offering the viewer a visually stimulating reading experience.

No Margin Examples

2 Column Grid 3 Column Grid 4 Column Grid 8 Column Grid

Margin Examples (my recommendation)

2 Column Grid 3 Column Grid 4 Column Grid 5 Column Grid
6 Column Grid 7 Column Grid 8 Column Grid


Info from Rasmus Schultz’s website Grid Designer 2.



Please share if you find the content useful - thank you

Master Template World


Master Template Forum Robot


Have a comment or something to say?
Say it here…

[privacy policy]