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

Posted by Iris Wang
.a{fill-rule:evenodd;}techdegree
Iris Wang
Front End Web Development Techdegree Student 8,288 Points

Solving this HTML CSS code problem

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

May I know what's wrong with my code? I keep getting stuck at this stage and not know what is wrong with this code. I'm suppose to add the classes "grid_5" and "omega" to the featured cupcake. Please help.

Thanks.

Regards, Iris

2 Answers

mikkellaursen
mikkellaursen
5,585 Points
mikkellaursen
mikkellaursen
5,585 Points

Notice that the div already has an ID to it, so remember to not add the classes there, but instead add the attribute "class" and then add the classes there - separating "grid_5" and "omega" with a space to add multiple classes. You should end up with this:

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

mikkellaursen
mikkellaursen
5,585 Points

It seems I can't add the code itself (new to the forum), but I hope you understand what I'm saying. If not, let me know :-)

Iris Wang
.a{fill-rule:evenodd;}techdegree
Iris Wang
Front End Web Development Techdegree Student 8,288 Points

Hi Mikkel,

Thanks for your reply. But I'll have to type out my problem here so it'll explain better.

This is what I've typed out in the HTML CSS code challenge but it keeps saying that there's a mistake at the part where I have to add in the classes for "grid_5" and "omega" I've checked it many times but still do not know what is wrong:

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

Can you help me spot the mistake? Thank you very much.

Regards, Iris

Iris Wang
seal-mask
.a{fill-rule:evenodd;}techdegree
Iris Wang
Front End Web Development Techdegree Student 8,288 Points
Iris Wang
.a{fill-rule:evenodd;}techdegree
Iris Wang
Front End Web Development Techdegree Student 8,288 Points

Hi Mikkel,

Thanks for your reply. But I'll have to type out my problem here so it'll explain better.

This is what I've typed out in the HTML CSS code challenge but it keeps saying that there's a mistake at the part where I have to add in the classes for "grid_5" and "omega" I've checked it many times but still do not know what is wrong:

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

Can you help me spot the mistake? Thank you very much.

Regards, Iris

mikkellaursen
mikkellaursen
5,585 Points

Hi Iris

I cannot see any code, if you were trying to paste it in. I have found out via the 'Markdown Cheatsheet' link below the comment section, that you need to mark your code with three so-called backsticks; ```

The code you should end up with is:

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

Just tested it in the challenge and it works for me - hope it works with you too.