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

João Lúcio Gomes
João Lúcio Gomes
914 Points

My code is right but the test won't accept it.

Or is it? I'm not sure. I've just skipped this step for now, and it's happening in two other steps in the course, and I'm not sure what to do. Selection is on the bottom of the code.

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;
}

2 Answers

Nicolas is right, just to add to this:

The code you've written is saying 'Find the element with the class .contact-info then select the unordered list that follows it':

.contact-info ul {

}

We really want to say 'Select the element with the class .contact-info':

.contact-info {

}

Or to be more specific you can say 'Select the unordered list with the class of .contact-info':

ul.contact-info {

}

Hope this helps :)

João Lúcio Gomes
João Lúcio Gomes
914 Points

Wow, thanks a lot, that took care of it! Just when I thought I was getting the hang of this, lol.

I found your problem. The instructions say "Select the unordered list with the class contact-info". If you look at your HTML you will see that "contact-info" class is set inside of your unordered list. Therefore you can just select ".contact-info" without ul.

.contact-info { you code here }