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 James Biddle
James Biddle
3,853 Points

CSS help

select unordered list from class contact-info and set the font size to 0.9em, which I did below, says wrong... thanks for any help.

}

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

}

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;

}

2 Answers

Caleb Kleveter
MOD
Caleb Kleveter
Treehouse Moderator 37,862 Points
Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

The instructions say 'Select the unordered list with the class contact-info':

ul.contact-info {
    font-size: 0.9em;
}
James Biddle
James Biddle
3,853 Points

Thanks!

Christian Andersson
Christian Andersson
8,712 Points
Christian Andersson
Christian Andersson
8,712 Points

It looks like the you also have an incorrect property on your h1. Try changing the quotation-signs on the font.

From this:

  font-family: ‘Changa One’, sans-serif;

To this:

  font-family: 'Changa One', sans-serif;
James Biddle
James Biddle
3,853 Points

that's actually the supplied code for the challenge..

Christian Andersson
Christian Andersson
8,712 Points

I was suspecting that because I've seen alot of people post it just like that on the forums. It's funny though because the CSS validator marks that as an error. Even by looking at the 2 codes above you can see that my suggestion is correctly styled whereas the default quotation-marks are highlighted suggesting an error.

http://www.css-validator.org/#validate_by_input

I'm not sure why this is the way it is.