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

Radu Zurbau
Radu Zurbau
501 Points
Posted by Radu Zurbau
Radu Zurbau
501 Points

I can't seem to pass this question test although to me the code looks fine.

I was required to select the contact-info class from the unordered list, set the font to 0.9em, remove margin, padding and list styling. I get the error - be sure to set the font size to 0.9em.

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

Doesn't my code look fine?

Thank you

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

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

3 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hi Radu, In order to pass the challenge that asks "Select the unordered list with the class contact-info," you need only to select the class and not even include the ul element. Challenges are picky and very specific.

In order to pass, delete the ul from you declaration and add a semi-colon after you padding.

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

Hope that helps! Keep Coding :)

Julian Aramburu
Julian Aramburu
11,368 Points
Julian Aramburu
Julian Aramburu
11,368 Points

Altho he can target ul.class and still would be right.

Julian Aramburu
Julian Aramburu
11,368 Points
Julian Aramburu
Julian Aramburu
11,368 Points

Hi Radu! It's all about typo problems ;) so this one is easy. First you must write together the element and the class when you want to select that element with that particulary class. Then you forgot your semi colon after the padding! Fixing that you would get something like this:

ul.contact-info {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
Radu Zurbau
Radu Zurbau
501 Points
Radu Zurbau
Radu Zurbau
501 Points

Thanks a lot guys!