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

Chen Wang
Chen Wang
7,371 Points
Posted by Chen Wang
Chen Wang
7,371 Points

Help. Who knows how to deal with this case in foundation grid.

Here is a example https://nuclearedemo.wordpress.com/

We can see that the left side is the blog posts, and the right side is some info like "about me" and "archives".

My question is how to implement this in foundation grid system??

Obviously I can't put the left and right into the same row, because I think the left and right should display independently!

In other word, in the case of "about me" has more height, if I put the "about me" and "the first post" into the same row, the position of the second post would be affected.

Who can help me, please.

1 Answer

Marc Busby
Marc Busby
35,550 Points

Hi Chen

I'm not especially familiar with Foundation but are you not able to nest the elements within themselves? So you can create a row, then create a grid 60% width and build rows within that? And then have the second grid at 40% that spans all the rows?

Regards,