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

Posted by Janise Bradford
Janise Bradford
5,664 Points

CSS challenge roadblock...Why won't this work? Is the bottom margin property not set correctly? Thanks in advance!

With the anchor elements inside the contact-info list still selected, set the bottom margin to 10px. Set all others to 0.

.contact-info a {

min-height: 20px; background-repeat: no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; display: block; min-height: 20px; margin: 0 0 10px;

}

also tried it with: margin: 0 0 10px 0;

Janise Bradford
Janise Bradford
5,664 Points

PROBLEM SOLVED!!! JUST TRIED IT AGAIN WITH SAME CODE AND IT WORKED!!!

2 Answers

Dewey Vozel
Dewey Vozel
18,250 Points

margin: 0 0 10px 0;

That is the correct answer as shown in this fiddle: http://jsfiddle.net/7Yeg2/

You could also do margin: 0px; margin-bottom: 10px;

Janise Bradford
Janise Bradford
5,664 Points
Janise Bradford
Janise Bradford
5,664 Points

Thanks! I retried it and it did work! Problem solved, but thank you very much.