✨ Meet the New Foundation Docs: 3 Ways to Learn ✨

The Grid

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.

Custom Foundation Training

Learn the right design skills to move your business forward.