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

Edgar Mantes
Edgar Mantes
9,499 Points
Posted by Edgar Mantes
Edgar Mantes
9,499 Points

Why isn't it taking my code to change font-size to 0.9em? I checked the syntax but still not working.

Its' asking me to take the unordered list from the class contact-info and change the font size to 0.9em. Here is my code:

.contact-info ul { font-size: 0.9em; ... }

I believe it is correct but it is saying to "Be sure to set the font size to 0.9em" Why is my code incorrect? Please help

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

Steven Parker
Steven Parker
230,274 Points
Steven Parker
Steven Parker
230,274 Points

Your selector, :point_right:.contact-info ul:point_left: is what is known as a descendant selector. It points to unordered lists that are inside another element with class contact-info.

:white_check_mark: The selector for unordered lists with the class contact-info would be: :point_right:ul.contact-info:point_left:

Samuel's suggestion of selecting using only the class may pass the challenge, but it's not exactly what the challenge was asking for.

Samuel Key
Samuel Key
3,310 Points
Samuel Key
Samuel Key
3,310 Points

Try this: 

.contact-info {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
Edgar Mantes
Edgar Mantes
9,499 Points
Edgar Mantes
Edgar Mantes
9,499 Points

Thank you both for your help! I ended up going with the code ul.contact-info because it did make sense to me. But for clarification, is the "ul.contact-info" would be more specific than the ".contact-info" code right? The ".contact-info" would apply to all locations that has that class attached to it right? Thanks again guys!!