Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Adding Pages to a Website Add and Style Icons

There's an error where the quiz won't accept a correct value.

In "Adding Pages to a Website > Code Challenge: Add and Style Icons":

It asked to set an unordered list to have a font-size of 0.9em. I entered this in correctly, but the quiz won't register the correct answer.

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

Hey Docgunthrop! The question is asking you to target the unordered list, with the class .contact-info. But what your doing is trying to target a ul element that is nested within contact-info, but in reality the .contact-info IS the ul element itself. If that makes any since......But anyways, I've posted the correct answer below for you, have fun!

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

I really hope this helps! - Reggie Sibley :)

4 Answers

Idan Melamed
Idan Melamed
16,285 Points

Maybe a better explanation is in order... Sorry I just woke up.

The challenge says to change the ul with the class of .contact-info. That means that somewhere in the html file there's the following code:

...
<ul class="contact-info">
...
</ul>
...

To change the ul's property in the css file, all I need to do is refer to it's class, like this:

.contact-info {
...
}

I hope that's a better explanation.

Idan Melamed
Idan Melamed
16,285 Points

Hi guys, It's not a bug.

The ul has a class of .contact-info, so Reggie's answer is correct

Cindy Lea
Cindy Lea
Courses Plus Student 6,485 Points

Youre right, it works without the ul. I dont remember us doing the ul before when I went through this course....

Cindy Lea
PLUS
Cindy Lea
Courses Plus Student 6,485 Points

I tried a few things and your code looks correct. I couldnt get it to pass either & usually I can! Bummer!

Chelsea Crisp
Chelsea Crisp
4,824 Points

It definitely would have been nice to have had access to the contact.html file inside of the quiz for troubleshooting.