Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS Build a Simple Website Creating a Website Structure Working with Grids

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

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"

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

Aleksej Dix
Aleksej Dix
8,087 Points

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