Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Framework Basics Prototyping with Foundation Building a Headline Panel, with Stylish Buttons

Posted by Jay Valentine
Jay Valentine
Courses Plus Student 4,389 Points

Foundation Framework Grid question..

As soon as you use the class "row" the content is contained to the grid, but what if you dont want it the content to be contained inside the grid, and you want it outside the grid? for example for it to be used outside the 1000px grid? do i make sense?

1 Answer

Gregory Radek
Gregory Radek
869 Points
Gregory Radek
Gregory Radek
869 Points

It really depends on the content.

If its a single feature, like a floating banner etc, then possibly just ignore the foundation classes for that element and make your own in your custom style sheet.

If you want the whole content to expand beyond the 1000px, then look into overriding the .row class in your custom css. From what I remember, everything inside row is fluid, so you can change the width however you want.

However, if the content you are using just doesn't fit the grid in foundation at all without a lot of overriding css, then foundation probably isn't for you.