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

Posted by Unsubscribed User
Unsubscribed User
7,386 Points

Select the unordered list with the class contact info.. (this is the first part of the instructions

Nothing on the page has the word 'class' nor 'contact info'. The closes thing to an unordered list is this: }

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

Is this the section I'm supposed to change? I tried and received the answer that it was incorrect. Help please.

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

3 Answers

Tom Byers
Tom Byers
13,005 Points
Tom Byers
Tom Byers
13,005 Points

Hi

The list you need to select will be on the html (not the css) file. It's the bit in your html that looks something like this:

<html>
  <ul class="contact-info">
    <li></li>
    <li></li>
  </ul>
</html>

Which you can then select on your css:

.contact-info {
   /*in here go whichever styles you want to apply*/
}
Roy Penrod
Roy Penrod
19,810 Points
Roy Penrod
Roy Penrod
19,810 Points

Tom is right about how you select the class, but the challenge asks you to select the unordered list with the contact-info class. Here's what that would look like in the CSS file:

.contact-info ul {
  /* your styles go in here */
}
Tom Byers
Tom Byers
13,005 Points
Tom Byers
Tom Byers
13,005 Points

Whoops, of course. Thanks Roy!

Roy Penrod
Roy Penrod
19,810 Points
Roy Penrod
Roy Penrod
19,810 Points

Actually, I screwed that up a little. Damn CSS. ;-)

Here's what it should look like:

ul.contact-info {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
Unsubscribed User
Unsubscribed User
7,386 Points
Unsubscribed User
Unsubscribed User
7,386 Points

Thanks you guys!!