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

Ljubomir Mateljan
Ljubomir Mateljan
1,982 Points

What is wrong with my CSS?

.contact-info ul { margin: 0; padding: 0; list-style: none; font-size: 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 {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.9em;
}

2 Answers

Tobias Helmrich
Tobias Helmrich
31,603 Points

Hey Ljubomir,

you were on the right track but the challenge wants you to select the unordered list with the class of contact-info but you're selecting an unordered inside of an element with the contact-list class. To make it work you could either write it like this

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

or you can leave away the ul and just write the class name like so

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

I hope that helps, if you have further questions feel free to ask, good luck! :)

Ljubomir Mateljan
Ljubomir Mateljan
1,982 Points

Thank you Tobias, again! You're a pal! :)

Tobias Helmrich
Tobias Helmrich
31,603 Points

No problem! Thanks, I'm always happy to help! :)