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

Posted by Connie Cooper
Connie Cooper
1,229 Points

Why won't my code turn the sections of my website orange?

I have been going over this code step by step and I cannot get this code to work on my site. It is suppose to display orange wrapping but it doesn't work. All the code is exact to the teachers code.

Steven Parker
Steven Parker
243,656 Points
Steven Parker
Steven Parker
243,656 Points

Could you include a link to the course element and provide the code you are trying?

2 Answers

Steven Parker
Steven Parker
243,656 Points
Steven Parker
Steven Parker
243,656 Points

Your code seems to be missing the final close brace (}), but that might be because you forgot to blockquote it (still, check that first). And without blockquoting, I'm guessing you had a (#) in front of "wrapper" and it was made into a title.

You didn't share the HTML, but since your code looks good otherwise, I'm guessing that you use "wrapper" as a class instead of an id.

:point_right: A CSS rule for a class must begin with a period.

If my guess is right, your rule should look like this:

.wrapper {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 5%;
  background: orange;
}

If that doesn't fix it, try posting the HTML also.

Connie Cooper
Connie Cooper
1,229 Points
Connie Cooper
Connie Cooper
1,229 Points

a { text-decoration: none: }

wrapper {

max-width: 940px; margin: 0 auto; padding: 0 5%; background: orange;