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

Posted by Anish Hallan
Anish Hallan
2,334 Points

Is this challenge not working properly?

Hi,

This code is surely right, I had a developer test it for sanity.

.contact-info ul {

font-size:0.9em; margin:0; padding:0; list-style:none;

}

It keeps saying bummer be sure to set the font size to 0.9em

Thanks, Anish

Don Howard
Don Howard
5,827 Points

Just a thought-It may be caused by the extra blank lines. Try it without them and see how that works: .contact-info ul { font-size:0.9em; margin:0; padding:0; list-style:none; } I have also found on a couple of challenges that just copying the code, leaving the challenge, opening the challenge up again and pasting the code that it has worked.

Anish Hallan
Anish Hallan
2,334 Points

Thanks Don, in somehow worked in the end after I moved the spacing around, so it must have been that like you suggested. Cheers

Don Howard
Don Howard
5,827 Points

You're very welcome Anish.

2 Answers

Rand Seay
Rand Seay
13,975 Points
Rand Seay
Rand Seay
13,975 Points

Hello Anish,

I believe I found the challenge you are referring to: How to Make a Website > Adding Pages to a Website > Add and Style Icons (Challenge)

It seems that the instructions are wanting you to select a <ul> with the class "contact-info". In your rule, the selector is looking for a <ul> that is a descendant of an element with the class "contact-info".

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.

The selector you are needing, then, is more like this:

ul.contact-info {
    // Your styles here
}

For the record, it is possible to just select the class .contact-info without specifying that it is a ul:

.contact-info {
    // Your styles here
}

I just tried the challenge both ways, and they both worked. Hopefully this helps you.

Anish Hallan
Anish Hallan
2,334 Points
Anish Hallan
Anish Hallan
2,334 Points

Thanks Rand, managed to get it working now :-)

Rand Seay
Rand Seay
13,975 Points

No problem, glad you were able to get it working!