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

Posted by Madhavi Gundala
Madhavi Gundala
887 Points

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

Till Kuhnle
Till Kuhnle
12,481 Points
Till Kuhnle
Till Kuhnle
12,481 Points

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

Madhavi Gundala
Madhavi Gundala
887 Points
Madhavi Gundala
Madhavi Gundala
887 Points

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

Aaron Loften
Aaron Loften
12,864 Points
Aaron Loften
Aaron Loften
12,864 Points

Try the following...

ul.contact-info { 
  font-size: 0.9em; 
}
Aaron Loften
Aaron Loften
12,864 Points
Aaron Loften
Aaron Loften
12,864 Points

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.

Madhavi Gundala
Madhavi Gundala
887 Points
Madhavi Gundala
Madhavi Gundala
887 Points

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.