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 Build a Simple Website Creating a Website Structure Working with Grids

Posted by Joshua Bronkhorst
Joshua Bronkhorst
11,500 Points

Just started, having trouble

I started today and I'm still up to the cupcake website. but my trouble is to do with the grids. i cant seem to mange to get the "Fresh Out of the Oven" section next to the "Cupcake of the Week" div. despite the omega class, it still remains underneath the other div.

2 Answers

Aleksej Dix
Aleksej Dix
8,087 Points
Aleksej Dix
Aleksej Dix
8,087 Points

Try it like this:

<div class="container clearfix">
    <div id="featured-cupcake" class="grid_7">
      <h2>Cupcake of the Week</h2>
    </div>
    <div id="new-cupcakes" class="grid_5 omega">
      <h2>Fresh Out the Oven</h2>
    </div>
  </div>

give only the last element in the row the class of "omega"

Joshua Bronkhorst
Joshua Bronkhorst
11,500 Points

thanks, i realised i needed to add another container clearfix line

Aleksej Dix
Aleksej Dix
8,087 Points
Aleksej Dix
Aleksej Dix
8,087 Points

nice to hear. keep learning, and have a nice day