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 CSS Layout Techniques Grid Layout Testing our Grid

nicholastillman
nicholastillman
8,319 Points
Posted by nicholastillman
nicholastillman
8,319 Points

Can you nest the rows/columns in the grid. 

<div class="grid-container">
  <div class="grid-8">
<h1>Our Latest Work</h1>
    <div class="grid-container">
       <div class="grid-4">img</div>
       <div class="grid-4">img</div>
       <div class="grid-4">img</div>
    </div>
  </div>

 <div class="grid-4">
    sidebar content
</div>
</div>

is it possible to nest/scaffold like this?

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Nicholas,

I've edited your code so it appears correct in your post.

Here is a link to explain how to use Markdown to post your code How to post code

If you look at the bottom of the box when your typing a reply you will see Markdown Cheatsheet that will also explain how to post your code.

Hope this helps.

3 Answers

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Nicholas,

Nesting a grid within a grid is easily done if your using a framework such as Foundation or Bootstrap both of which are covered on Treehouse.
Nesting grids within vanilla css (normal css) as I understand it takes quite a bit of math as you have to figure out all the gutters etc. You can Google for more information on this as it's a process that can't really be explained fully in a post.

Here is a oocss document to get you started.

Hope this helps.

Kevin Korte
Kevin Korte
28,149 Points
Kevin Korte
Kevin Korte
28,149 Points

Wayne Priestley covered it pretty well, but yes it's certainly possible.

Leigh Maher
Leigh Maher
21,830 Points
Leigh Maher
Leigh Maher
21,830 Points

Hi Kevin, where is this explained? This link just goes to Wayne's profile on Treehouse.

Thanks,

nicholastillman
nicholastillman
8,319 Points
nicholastillman
nicholastillman
8,319 Points

Thanks guys for the resources I'll look into it. Thanks for the hint on markdown as well Wayne