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

Vidmantas Varnas
Vidmantas Varnas
5,215 Points
Posted by Vidmantas Varnas
Vidmantas Varnas
5,215 Points

I write good code for a task but it still giving me an error I think that is a compiler problem :)

I write good code for a task but it still giving me an error code: .contact-info ul{ font-size: 0.9em; margin: 0; padding: 0; list-style: none;
}

I think that is a compiler problem :)

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

Katherine Ebel
Katherine Ebel
43,799 Points
Katherine Ebel
Katherine Ebel
43,799 Points 
ul.contact-info

If you want to only select ul's with the class of contact-info, I believe the correct selector would be the one above...

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! Yes, your code is good in that it has no errors. However, it does not meet the requirements of the challenge. There is no "compiler" problem here. You have been asked to select the unordered list with the class of "contact-info". But what you've selected is the unordered list inside a container that has the class "contact-info". These are not the same things. I'll give you an example. Take a look:

This is for a paragraph inside a container that has the class "main-content":

.main-content p {
  color: tomato;
}

Here's sample HTML for what that would affect:

<div class="main-content">
  <p>This paragraph will turn red</p>
</div>

This is for a paragraph that has the class "main-content" assigned to it:

p.main-content {
  color: tomato;
}

And here's the sample HTML for what that CSS would affect:

<p class="main-content">This paragraph will turn red</p>

I think you can get it with this demonstration, but let me know if you're still stuck! :sparkles: