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 How to Make a Website Adding Pages to a Website Add and Style Icons

Meghan Garrity
Meghan Garrity
2,751 Points
Posted by Meghan Garrity
Meghan Garrity
2,751 Points

The code challenge is telling me to do one thing and when I do it correctly it says that it is wrong.

It is telling me to add font-size of 0.9em to contact-info class for the unordered list tag. this is how I wrote the code: .contact-info ul { font-size: 0.9em; margin: 0; padding: 0; list-style: none; } When I check the code it keeps telling me to set the font-size to 0.9em, yet I did set the font-size to 0.9em. Until it is correct it will not lit me move forward. Please help. I know I'm writing the code correctly.

css/main.css 
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

#logo {
  text-align: center;
  margin: 0;
}

h1, h2 {
  color: #fff;
}

nav a {
  color: #fff;
}

nav a:hover {
  color: #32673f;
}

h1 {
  font-family: ‘Changa One’, sans-serif;
  font-size: 1.75em;
  font-weight: normal;
}

img {
  max-width: 100%;
}

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}

nav ul {
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

nav li {
  display: inline-block;
}

nav a {
  font-weight: 800;
  padding: 15px 10px;
}

.profile-photo {
  display: block;
  margin: 0 auto 30px;
      max-width: 150px;
  border-radius: 100%;
}

.contact-info ul {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}

3 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hey Meghan,

The problem lies with the selector you are using. Right now it is targeting an unordered list inside of an element with the class of .contact-info. However, the challenge wants you to select an unordered list with the class of `.contact-info. So, you just need to switch your selector to reflect that, and you're good to go.

ul.contact-info

Keep Coding! :) :dizzy:

Meghan Garrity
Meghan Garrity
2,751 Points
Meghan Garrity
Meghan Garrity
2,751 Points

Thanks ever so much for your help. I'll have to remember that is how it works with a class in a tag. That is something new I learned.

Karen Freeman-Smith
Karen Freeman-Smith
29,248 Points
Karen Freeman-Smith
Karen Freeman-Smith
29,248 Points

I was thinking the same as Jason, but when I tried it that way, I got the same error. Removing the "ul" let me pass the challenge. So JUST use ".contact-info" as your selector.

Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hi Karen,

That's strange that you got an error. I just ran the challenge and the CSS did pass with the more specific selector I provided.

Dropping the ul will pass the challenge, but it's not really what is being asked, and loses the point of "specificity" that is very important in CSS.

:) :dizzy:

Karen Freeman-Smith
Karen Freeman-Smith
29,248 Points
Karen Freeman-Smith
Karen Freeman-Smith
29,248 Points

I think I had a space in mine, may be why it failed with the ul when I tried it.