Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Adding Pages to a Website Add and Style Icons

Bruce Le Brane
Bruce Le Brane
4,794 Points

What is wrong with this code in context of the code challenge. .contact-info ul { font-size: 0.9em; }

this was correct the first time through the code challenge, why is it wrong now???

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

4 Answers

Shawn Ramsey
Shawn Ramsey
27,237 Points

The ul has a class of contact-info, so you'll need to reference it as just the class .contact-info, rather than .contact-info ul.

.contact-info {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
Michael Caveney
Michael Caveney
50,144 Points

The parameters for the challenge read: "Select the unordered list with the class contact-info and set the font size to 0.9em. Then, remove all margin, padding, and list styling.". Take another look at the code you pasted here, you haven't removed all specified styling.

Shawn Ramsey
Shawn Ramsey
27,237 Points

If it makes it easier for you to read, you can target the ul directly. Writing it either way is correct.

ul.contact-info {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
Bruce Le Brane
Bruce Le Brane
4,794 Points

Thank you all, I restarted the code challenge and was able to complete.