Foundation: The Most Advanced Responsive Front-end Framework from ZURB

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

Examples


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.

Start Building Your Site or App!

Foundation lets you quickly prototype and create sites/apps that work on any device (smartphones up through desktops and TV displays) with a library of tested components.
Stay on top of what’s happening in responsive design.

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »