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

HTML Build a Simple Website Creating a Website Structure Using Classes

Joey Koons
PLUS
Joey Koons
Courses Plus Student 2,903 Points
Posted by Joey Koons
Joey Koons
Courses Plus Student 2,903 Points

Using Classes Code Challenge

I am having issues with this challenge.

I pass the first challenge, but then when I submit my answer for the second challenge, I get a "Oops! It looks like task one is no longer working".

I have not changed anything....

I have tried about 15 variations and always get the same error.

Please help!

Unsubscribed User
Unsubscribed User
18,288 Points

Could you show us the code you are using?

5 Answers

Unsubscribed User
Unsubscribed User
18,288 Points

You need to declare the grid_5 and omega as classes so they are separate from the featured-cupcake id.

<div id="featured-cupcake" class="grid_5 omega">

That should (fingers crossed) do the trick :)

Joey Koons
PLUS
Joey Koons
Courses Plus Student 2,903 Points
Joey Koons
Joey Koons
Courses Plus Student 2,903 Points

This is the first task: Add a div around the featured-cupcake element, and give it the classes container and clearfix.

<body>
  <div class="container clearfix">
    <div id="featured-cupcake">
        <h2>Cupcake of the Week</h2>
        <img src="img/featured-cupcake.jpg">
    </div>
  </div> 
</body>

Passes everytime.

Second task: Add the classes grid_5 and omega to the featured-cupcake element.

<body>
  <div class="container clearfix">
    <div id="featured-cupcake grid_5 omega">
        <h2>Cupcake of the Week</h2>
        <img src="img/featured-cupcake.jpg">
    </div>
  </div> 
</body>

This fires the warning: Oops! It looks like Task 1 is no longer passing.

Joey Koons
PLUS
Joey Koons
Courses Plus Student 2,903 Points
Joey Koons
Joey Koons
Courses Plus Student 2,903 Points

Claire, you rock! Thank you, that worked and I passed the code challenge.

Unsubscribed User
Unsubscribed User
18,288 Points
Unsubscribed User
Unsubscribed User
18,288 Points

Glad I could help! those were the kind of things that used to get me when I first started

Joey Koons
PLUS
Joey Koons
Courses Plus Student 2,903 Points
Joey Koons
Joey Koons
Courses Plus Student 2,903 Points

Appreciate the help. It is kind of an odd warning to show...which lead to my confusion.