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

SERGIO RODRIGUEZ
SERGIO RODRIGUEZ
17,532 Points
Posted by SERGIO RODRIGUEZ
SERGIO RODRIGUEZ
17,532 Points

Is there any responsive grid layout built into Compass?

Hi! I just wanted to know if there is any responsive grid layout built into Compass. If not...

Will Compass get along well with a custom made grid made on CSS (say, the G-Grid)?

Thanks!

1 Answer

Chris Shaw
Chris Shaw
26,676 Points
Chris Shaw
Chris Shaw
26,676 Points

Hi Sergio,

Compass doesn't have a grid as it's purely a utility tool at it's core, essentially you use compass to get all the hard setup work done and use frameworks for grid and what not which is much more efficient as Compass would have to re-generate the grid on every save which would be very draining on compilation performance.

At this point it's far easier to use pre-made grids such as Susy, Foundation etc.

Shawn Flanigan
Shawn Flanigan
Courses Plus Student 15,815 Points
Shawn Flanigan
Shawn Flanigan
Courses Plus Student 15,815 Points

I'll second the Susy recommendation. Just started using it a while ago, and I love it!

SERGIO RODRIGUEZ
SERGIO RODRIGUEZ
17,532 Points
SERGIO RODRIGUEZ
SERGIO RODRIGUEZ
17,532 Points

Thanks for the answers.

So we should first apply the general layout using a framework like Susy or Foundation an then fine tune the details with Compass?

Shawn Flanigan
Shawn Flanigan
Courses Plus Student 15,815 Points
Shawn Flanigan
Shawn Flanigan
Courses Plus Student 15,815 Points

Sergio,

Susy isn't a pre-built grid framework the way you might be envisioning. You'll be working with Compass to write all of the code for your grid...using Susy mixins. They link to some great tutorials on their site to help get you started. If you're planning on making your site responsive, you'll probably also want to install breakpoint. The two tools together are pretty slick.