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

Select the unordered list with the class contact-info and set the font size to 0.9em. I'm not sure it give me error

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

It is asking me to set font to 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; 
}

4 Answers

Is there a tab in the test to the html document? Maybe you need to assign the class also in the html document.

i'm not sure, i'll check that part. TY Till Kuhnle!!

Try the following...

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

It looks like you were targeting children unordered lists but only if they are children to the contact-info class. I think you meant to say unordered lists that had the class contact-info.

I figured out the problem. The code below worked - .contact-info ul { font-size: 0.9em; }

Previously I got confused reading statement unordered list with class contact-info. So, I was writing selector as .contact-info ul {} which gave me error.