The Foundation grid is made up of 12 columns at a maximum width of 62.5 rems and a gutter of 1.875 ems. If you are not familiar with ems, their explanation right from W3C (http://dev.w3.org/csswg/css-values/#em-unit) is:
"Equal to the computed value of the 'font-size' property of the element on which it is used."
This way, everything scales with the font size. The gutter is the space between each column of the grid. You can set this to 0
or any value that you want. However, for this example, we will retain the default settings, and I will show you how to change all of these when we get into Sass later in this book. You can also change the maximum width of the grid. For most of my projects, I set it to 90 ems, but you can change it to whatever you like to suit your needs and we will cover how to do this later on.
Before the end of the chapter, let's get into the grid and talk about all the parts of the grid by starting on our one-page demo site. This demo site will...