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

Posted by Bethany Miller
Bethany Miller
1,050 Points

Instructions say to select the unordered list in the class contact-info and make the font size 0.9em. What's 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;
}

2 Answers

Justin Iezzi
Justin Iezzi
18,199 Points
Justin Iezzi
Justin Iezzi
18,199 Points

Hi Bethany,

The question is a bit unclear, not your fault. I checked the preview with developer tools and noticed that the unordered list has the .contact-info class name actually on it. So all you need to do is take out the ul specifier and you'll be good to go!

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hi Bethany,

You're close, but the task asks to select the list items in the unordered list with the class of contact-info. So you only need to select the class and that's all. Just delete the ul from the selector and you'll be good to go.

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

Keep Coding! :)

Justin Iezzi
Justin Iezzi
18,199 Points

the task asks to select the list items in the unordered list with the class of contact-info.

I think the "of" in this sentence makes it much more clear. The original description could use some fixing up, in my opinion.

Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

You are right Justin,

It is a bit unclear, and I've helped with answers for this very question more than a few times. I wonder if they do this kind of wording to just stress how specific coding can be... where one word misinterpreted or mistyped could break your code. I think, though, in the beginner courses, could be a bit more lenient.

At least the forum is a good place to find out these little nuances.

:)

Bethany Miller
Bethany Miller
1,050 Points

Thanks, guys! :)