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.
Susan De Stephanis
485 PointsStuck 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
12,020 PointsFrom 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
2,683 PointsI 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.
James Gill
Courses Plus Student 34,935 PointsSusan,
'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...
Elisabeth Benninger
1,086 PointsI had this exact same problem...let me know when you figure it out ;)
Dave Thomson
3,157 PointsWithout 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.