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

Stewart Cunningham
Stewart Cunningham
3,953 Points
Posted by Stewart Cunningham
Stewart Cunningham
3,953 Points

Stuck!

On the challenge of setting the font size for the unordered list item within the class "contact-info" I'm stuck! I'm sure I have entered the correct code yet cannot seem to progress

9 Answers

Tom Schinler
Tom Schinler
21,052 Points
Tom Schinler
Tom Schinler
21,052 Points

Stewart, Can you post the challenge question and code, so that we can see exactly what they are asking for? Also, be sure to add your own code.

Stewart Cunningham
Stewart Cunningham
3,953 Points
Stewart Cunningham
Stewart Cunningham
3,953 Points

The Question is:

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.

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

Tom Schinler
Tom Schinler
21,052 Points
Tom Schinler
Tom Schinler
21,052 Points

Your code looks good, the issue I see is how you call the element. Right now the CSS is trying to find an unordered list inside of the element with the class of .contact-info. Since the ul is the .contact-info class, you are trying to call it twice.

In this case, you do not need to call the ul, only the class.

Does this make sense?

Stewart Cunningham
Stewart Cunningham
3,953 Points
Stewart Cunningham
Stewart Cunningham
3,953 Points

Yep that makes perfect sense, but even with that changed I still get the same error message:

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

As far as I can see, the coding for the font size is correct?

Tom Schinler
Tom Schinler
21,052 Points
Tom Schinler
Tom Schinler
21,052 Points

try a dash between the words font and size: font-size: 0.9em;

attributes don't like white space.

Stewart Cunningham
Stewart Cunningham
3,953 Points
Stewart Cunningham
Stewart Cunningham
3,953 Points

Even with the dash, the error still occurs... : /

Tom Schinler
Tom Schinler
21,052 Points
Tom Schinler
Tom Schinler
21,052 Points

here is passing code. compare it to what you have and see if there is a difference.

a {
  text-decoration: none;
}

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

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}
Stewart Cunningham
Stewart Cunningham
3,953 Points
Stewart Cunningham
Stewart Cunningham
3,953 Points

Thanks, by the looks of it I was not adding the space between font-size: and 0.9em, which seemingly effects it?

Anyway, thanks a lot for your help.

Tom Schinler
Tom Schinler
21,052 Points
Tom Schinler
Tom Schinler
21,052 Points

Welcome to the wonderful world of Coding. I once spent 5 hours trying to figure out why half of the pages in my website were not rendering properly after I combined several stylesheets into one. Just as I was about to pull every last hair from my head after re-writing half the code, I realized I was missing a semi-colon. No joke. It was a real eye opener for me. That is why I love Treehouse so much. They have a great focus on proper semantic coding, and their code engines are not forgiving, so that you can be taught to remember these little things. Enjoy your learning adventures!