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

Kalum Sieber
Kalum Sieber
2,699 Points

doesn't work

bummer! be sure to set the font size to 0.9em

css/main.css
ul .contact-info {
  font-size: 0.9em;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
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%;
}
Kalum Sieber
Kalum Sieber
2,699 Points

Code example has missing curly brace. That's not the problem though. Any help is appreciated.

1 Answer

Colin Bell
Colin Bell
29,679 Points

You need to select the ul with a class of .contact-info, so take out the space between ul and .contact-info. Otherwise it's going to target items with a class of .contact-info that are children of a ul (Like an li with the contact-info class, for example)

Also, don't forget to close your curly brace at the end.

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

a {
  text-decoration: none;
}

I'll also add that the quotation-marks for the font-family are wrong and you can skip the quotes alltogether. This seems to be a Treehouse issue, but it might be good to know anyway :)

font-family: Changa One, sans-serif;
Colin Bell
Colin Bell
29,679 Points

You don't want to skip the quotes entirely since it's two words. The quotes being used are curly quotes instead of straight quotes, which is why they show up as invalid. While some fonts may work without the quotes, it's best practice to wrap any font-family names that contain white space with quotes.