ZURB Foundation

The Grid

Flexible, efficient layout.

Flexible, efficient layout.

You've probably used a grid framework before — we think you'll like this one. It's a 12-column flexible grid that can scale out to an arbitrary size (defined by the max-width of the row) that's also easily nested, so you can build out complicated layouts without creating a lot of custom elements. And when the Grid isn't enough for your site, it just gets out of the way.

Grid docs


Need to Learn More About Foundation?

Get your team up and running on Foundation with our online training courses!

  • Intro to Foundation

    An introductory implementation-focused class on learning the fundamentals of using Foundation.

  • Advanced Foundation

    An implementation-focused course on kicking your Foundation skills up a notch.

  • Responsive Web Design

    Learn the how to design and build responsive web sites.

  • Using Sass

    A class focused on using Sass with Foundation and our Sass mixins.