Gutters

Posted by: Ping

Gutters are the gaps in between columns. They are there so text, or image, from different columns don’t run into each other. Gutters are seperate to the columns.

Generally the columns we create, using Web Standards, are ‘divs’ which are given widths and positioned and styled using CSS. So, ideally, if we’re creating these columns, we don’t need to create separate ones for the gutters. We therefore deal with gutters as part of columns and they are implemented using padding, or creating margins, on elements positioned within them, or sometimes the column divs themselves.