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

niki nedoroski
niki nedoroski
1,630 Points
Posted by niki nedoroski
niki nedoroski
1,630 Points

I don't see the error in my code, but its not letting me pass the challenge question. Can someone help me out?

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

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

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%;
}

1 Answer

andren
andren
28,558 Points
andren
andren
28,558 Points

Your selector is wrong .contact-info ul will select ul elements that are nested within elements with a class of .contact-info, as placing a space between the selectors makes it a descendant selector.

If you want to combine selectors like a tag selector and class selector you should not have a space between them, also the ul element should be listed first. Like this:

ul.contact-info {
  font-size: 0.9em;
  margin:0;
  padding:0;
  list-style:none;
}
niki nedoroski
niki nedoroski
1,630 Points
niki nedoroski
niki nedoroski
1,630 Points

Thank you!! That worked