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

Bruce Le Brane
Bruce Le Brane
4,794 Points
Posted by 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
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
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
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
Bruce Le Brane
Bruce Le Brane
4,794 Points

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