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

Posted by Steven Graham
Steven Graham
10,663 Points

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
anil rahman
anil rahman
7,786 Points

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

Steven Graham
Steven Graham
10,663 Points

oops, my mistake!

Michael Afanasiev
PLUS
Michael Afanasiev
Courses Plus Student 15,596 Points
Michael Afanasiev
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.

:)

Steven Graham
Steven Graham
10,663 Points

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

Bhushan Manoharan
Bhushan Manoharan
5,758 Points
Bhushan Manoharan
Bhushan Manoharan
5,758 Points

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