Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

Issue with the Add & Style icons code challenge

On the how to make a website tutorial, during the last code challenge "Add & Style Icons" of the “Adding Pages to a Website” segment, the first challenge asks you to set the font size to 0.9em and so on. After entering the code correctly as "font-size: 0.9em;", it continues to simply say “Bummer, be sure to set the font size to 0.9em" and fails my 1st task. I’ve included a screen shot of the issue. Am I doing the code wrong, or is there technical error?

See this Image

3 Answers

anil rahman
anil rahman
7,786 Points

try to change the last bit to list-style: none; instead of list-style: 0;

oops, my mistake!

Michael Afanasiev
PLUS
Michael Afanasiev
Courses Plus Student 15,596 Points

Hi Steven,

The code is asking you to select the unordered list with the contact-info class, so I believe the code should be something like this:

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

And as Anil mentioned, make your list-style to have a value of "none" instead of 0.

:)

That code worked, thank you very much! Can I ask why the "ul" had to come before selecting the contact-info class? Within the tutorial I was used to seeing the selection of a class being followed up by addressing it's anchors or list items afterwards. So does the unordered list code come before a class selection?

Michael Afanasiev
Michael Afanasiev
Courses Plus Student 15,596 Points

When you want to specify the class you are selecting, that's the way to do it. Otherwise it would think there is another element with the class "contact-info" somewhere in your unordered list.

Nick explains this in the video prior this code challenge, right about minute 2:23

Hope this helps :D

It would be good if you display the html file as well in the workspace when we do the styling in CSS. The interpreter is not displaying where exactly the error is and it's very hard to find our own mistakes :).

Thanks, Bhushan