The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Gutters / Grid Reply To: Gutters / Grid


This is a CSS discussion more than anything.

In any case, gutters are simply spacers between each column. They’re completely optional, depending on your design needs.

The width of gutters is just a matter of taste. I think 20px is the ‘norm’, but don’t feel beholden to that. If you want more room for your content to breath, try larger gutters if you want. Again, this is dependent on what your design goals are.

15 seems like an odd number of columns, why 15? Most grids out there use a 12 column system. I think this is because it allows for a variety of use and is still easily divisible.

For the right gutter/column width, simply divide your container width by your number of columns and there’s your column width, obviously. Then pick whatever gutter width appeals to you, apply border-box so your gutter padding doesn’t mess everything up, and there you go.