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

CSS How to Make a Website Adding Pages to a Website Add and Style Icons

Posted by Matt Bercot
Matt Bercot
Courses Plus Student 2,132 Points

[SOLVED] Why is my font-size not working in the last Code Challenge for Stage 7?

The instructions say to take the <ul> in the .contact-info class and do the following:

-font-size: 0.9em

-margin: none

-padding: none

-remove bullets

I don't see anything wrong yet I am getting the "Bummer!" red banner error telling me to make sure I set my font-size to 0.9em.

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

3 Answers

Rich Bagley
Rich Bagley
25,869 Points

Hi Matt,

The challenge looks to ask for:

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.

You have a style for a ul within the element with a class of contact-info rather than a ul with a class of contact-info. Changing this will pass the challenge.

Hope that helps

-Rich

Matt Bercot
Matt Bercot
Courses Plus Student 2,132 Points

Rich,

Thank you! As you can see from my code sample, I misread what the challenge was asking me to select. I tried what you said and it worked.

Rich Bagley
Rich Bagley
25,869 Points

No problem :)

Jami Schwarzwalder
Jami Schwarzwalder
17,961 Points
Jami Schwarzwalder
Jami Schwarzwalder
17,961 Points

I am also stuck here.

I wrote:

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

Its still giving me a red bar

Rich Bagley
Rich Bagley
25,869 Points

Hi Jami,

Remove the space between ul and .contact-info and that should sort it.

Hope that helps

-Rich

Matt Bercot
PLUS
Matt Bercot
Courses Plus Student 2,132 Points
Matt Bercot
Matt Bercot
Courses Plus Student 2,132 Points

I'm supposed to select an answer as the 'Best Answer" but I'm not clear how to do that. Any ideas?

Rich Bagley
Rich Bagley
25,869 Points

Hi Matt,

Honestly I'm not sure on that one as I've not had to do it myself yet.

Is there an option under or next to the answer which displays this? Or maybe when hovering over the upvoter?

-Rich