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

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

Posted by Unsubscribed User
Unsubscribed User
1,160 Points

It's telling me to set the font size at 0.9em, I do that, and it seems there is a problem. I can't tell what is wrong.

The code I wrote is:

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

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

2 Answers

Marcus Parsons
Marcus Parsons
15,719 Points
Marcus Parsons
Marcus Parsons
15,719 Points

Hi Daniel,

The selector ".contact-info ul" needs to be only ".contact-info" because if you put ".contact-info ul" you are selecting an unordered list inside of the unordered list with the class of "contact-info". We just want to select the unordered list with the class of "contact-info" and since that element has that class of "contact-info", all you have to do is select that class.

And the list-style property has to be set to the keyword none not 0 :P

/* changed from .contact-info ul to .contact-info */
.contact-info {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  /* changed list-style to none */
  list-style: none;
}
Unsubscribed User
Unsubscribed User
1,160 Points
Unsubscribed User
Unsubscribed User
1,160 Points

Now everything is ok, there was a little error, I don't know where but now the problem is solved.

Marcus Parsons
Marcus Parsons
15,719 Points

There were two errors as shown above, Daniel.