O'Reilly logo

Getting Started with Zurb Foundation 4 by Andrew D. Patterson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Understanding gutters

By design, Foundation leaves spaces between columns. This space is called a gutter. Foundation does not leave gutter space between rows. That is left for the content to manage. So if we look at the actual space defined by the row and column styles in our original blog layout, it looks like the following figure:

Understanding gutters

Most content will have margins or padding above or below it. For example, the paragraph tag <p> is defined in Foundation as having a margin-bottom property of 1.25 em. So if you are using paragraph tags, you will have a 1.25 em space between rows. But that is derived from the content. It is not inherent in Foundation's ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required