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

Piotr Skutnik
seal-mask
.a{fill-rule:evenodd;}techdegree
Piotr Skutnik
Front End Web Development Techdegree Student 11,712 Points
Posted by Piotr Skutnik
.a{fill-rule:evenodd;}techdegree
Piotr Skutnik
Front End Web Development Techdegree Student 11,712 Points

i'm being asked to set the "font-size to 0.9em", .contact-info ul { font-size: 0.9em; margin: 0; padding: 0;

my font-size is wrong?

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

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;
  margin: 0;
  padding: 0;
  list-style: none;
}

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

First of all, you're doing great! This particular challenge has stumped many, I promise you! You're selecting the contact-info class and then the ul inside of that. And while it's only a subtle difference, it wants you to select the ul with the class contact-info. For instance, you may have a div with the class contact-info and then want to display every ul inside there with this code. That's what your code does. But they have a ul with the class contact-info, and that's the code you should be writing for. Take a look and see if you can see what I mean:

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

This will select the ul with the class contact-info. As opposed to selecting unordered lists inside of something else that has a class of contact-info. Hope this helps! :smiley: