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

Alex Mangrolia
Alex Mangrolia
2,172 Points
Posted by Alex Mangrolia
Alex Mangrolia
2,172 Points

I'm trying to select the unordered list with the class contact-info and set the padding to 0.9em.

The code I wrote was:

.contact-info{font-size:0.9em;} and it's not correct. Am I missing something? I was thinking it would be

.contact-info ul{font-size:0.9em;} and that isn't correct either. I'm a bit lost here. Please help.

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 li{font-size:0.9em;}

2 Answers

Kody Bentley
Kody Bentley
4,411 Points
Kody Bentley
Kody Bentley
4,411 Points

Hello,

The challenge itself is telling you to set the font-size to 0.9em then to remove all margin, padding, and list styling. So for starters you would just select the ul with the class of contact-info like this:

.contact-info {

}

You do not need to select the ul and li in this since you are selecting everything within the ul with the class of contact-info.

What the challenge is looking for is this code itself:

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

Please let me know if this was helpful for you. Happy coding.

Joey Ward
PLUS
Joey Ward
Courses Plus Student 24,778 Points
Joey Ward
Joey Ward
Courses Plus Student 24,778 Points

If you're trying to set the padding to 0.9em, then you don't want to use the font-size property.

Assuming your unordered list has the class "contact-info" and you want to set the padding inside this list <ul class="contact-info"></ul>

Your CSS would read:

.contact-info{padding:0.9em;}

This will add 0.9em of padding to ALL sides (top, right, bottom, left). You can choose to add padding to only a specific side, example:

Padding-left:0.9em;

Or you can set different padding for each side using the shorthand (hint: the order goes clockwise starting from the top). Example:

Padding: 0 0.5em 10px 0.9em; This example sets the following: Padding-top: 0; (units like "em" or "px" are irrelevant when you use a 0 Value) Padding-right: 0.5em; Padding-bottom: 10px; Padding-left: 0.9em;