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

Peter Allan
seal-mask
.a{fill-rule:evenodd;}techdegree
Peter Allan
Front End Web Development Techdegree Student 5,575 Points
Posted by Peter Allan
.a{fill-rule:evenodd;}techdegree
Peter Allan
Front End Web Development Techdegree Student 5,575 Points

What's wrong with my code?

I can’t work out what is wrong with my code to the following question

Select the unordered list with the class contact-info and set the font size to 0.9e. Then, remove all margin, padding and styling.

I get this error.

Bummer! Be sure to set the font size to 0.9em

Here is my code.

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

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

.contact-info ul {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
Robert Brown
Robert Brown
Courses Plus Student 2,993 Points
Robert Brown
Robert Brown
Courses Plus Student 2,993 Points

I don't think the word 'Select' in question should be used. It made me think this class was already in the css code and that the entire code page could be under the class.

I think the question should have stated to CREATE this entry instead of Select. My opinion, but to me select means it is already there.

4 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hey Peter,

It's an issue with the selector you are using. The challenge is asking you to "Select the unordered list with the class contact-info" (with being the keyword in the question.)

The selector being used now (.contact-info ul) is looking for a <ul> tag inside the class 'contact-info'. You need to select the <ul> that has that class name itself, so the selector you need is ul.contact-info. The rest of the code is correct. :)

Hope that helps. :dizzy:

jasper huting
jasper huting
2,650 Points
jasper huting
jasper huting
2,650 Points

i think you accidently copied this:

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

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

jasper huting
jasper huting
2,650 Points
jasper huting
jasper huting
2,650 Points

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

This is the right answer i think