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.
|2 Column Grid||3 Column Grid||4 Column Grid||8 Column Grid|
|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
Have a comment or something to say?