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.

General Discussion

Stuck on Code Challenge 2: Creating a Website Structure, Working with Grids

This is the question: Add the classes grid_5 and omega to the featured-cupcake element. Here is what I am tyring to do and keep getting the "Bummer" screen. I tried to do a screenshot, but this is what I can paste! Please advise. Thank you! Susan

Challenge task 2 of 2

** This is the question: Add the classes grid_5 and omega to the featured-cupcake element.

Bummer! The 'featured-cupcake' element has one correct class, but is missing the second.

PreviewRecheck work

index.html

1 <!DOCTYPE HTML>

2 <html>

3 <head>

4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

5 <title>Smells Like Bakin' Cupcake Company</title>

6 <link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen">

7 <link rel=”stylesheet” href=”css/grid.css” type=”text/css” media=”screen”>

8 </head>

9

10 <body>

11 <div class="container clearfix">

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

13 <h2>Cupcake of the Week</h2>

14 <p>This week's featured cupcake is the <a href="#">Avocado Chocolate cupcake</a>.

15 Its strange combo of flavors will kick your taste buds into fiesta mode!</p>

16 <img src="img/featured-cupcake.jpg"> alt="Avocado Chocolate Cupcake">

17 </div>

18

19

<div> id=”new-cupcakes” class="grid_5 omega">

20 <h2>Fresh Out the Oven</h2>

21 <p>Our newest cupcakes are <a href=”#”>Bacon Me Crazy</a> and <a href=”#”>Jalapeño So Spicy</a>. </p>

22 <img src="img/new-cupcake-bacon.jpg” alt=”Bacon Me Crazy”

23 <img src="img/new-cupcake-jalapeño.jpg” alt=”Jalapeño So Spicy”

24 </div>

25

26 </body>

27 </html>

28

5 Answers

Nick Seville
Nick Seville
12,020 Points

From what I can tell it looks like you have added the two classes to a div for the new cupcakes section. Take a second look and make sure that you are adding the classes to the correct div.

You have the right idea but I think you are just on the wrong spot. It should look like this when correct div id="featured-cupcake" class="grid_5 omega"

Oliver Dutton
Oliver Dutton
2,683 Points

I can't see the featured cupcake div above but the classes that you added to the div with the id="new-cupcake" (above line 20) are exactly how you are meant to do it.

Susan,

'class="grid_5 omega"' looks correct to me--two classes separated by a space. It must be something else about how the element's formatted...

I had this exact same problem...let me know when you figure it out ;)

Dave Thomson
Dave Thomson
3,157 Points

Without seeing it in a code block it's hard to tell exactly what is happening with your code, compare what you have to the code below...

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>Smells Like Bakin' Cupcake Company</title>
  <link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen">
</head>

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

Sometimes the parser will throw an error with a misleading description, depending on what syntax mistakes are present.