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

Chapter 1. Get the Most from the Grid System

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.

Working with cells, rows, ...

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