This chapter explains the Foundation grid system, introduces various grid features included in Foundation, shows by example how to apply layout techniques, and offers tips to deal with special cases.
We'll discover how to work with cells, rows, and columns. We'll look at nesting rows in columns. We'll learn about gutters, page width, and row height and see how to apply the grid to small and large devices. We'll use built-in styles to tweak your layout and we'll learn what to expect when you put images in your grid.
Throughout the chapter, we'll include a few tips and tricks that show how, with just a few styles in a custom style sheet, you can have a nice effect on your design.