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 Styling Web Pages and Navigation Make a CSS Image Gallery

Zoe Watson
Zoe Watson
3,986 Points
Posted by Zoe Watson
Zoe Watson
3,986 Points

Stuck on code challenge. Can anyone tell me how to move forward on this question:

Select the element with the ID gallery. Then, remove the margin, padding, and bullet points. I've tried

gallery {

margin: 0; padding: 0; list-style: none; }

I've also tried # gallery li a { etc

Would really appreciate help find it so frustrating when you don't have the right answer as the prompters are wide of the mark. Thanks

4 Answers

Melad Javadi
Melad Javadi
15,299 Points
Melad Javadi
Melad Javadi
15,299 Points

You need to add a selector for the id "#", everything else looks good :)

#gallery {
   margin: 0;
   padding: 0;
   list-style: none;
}
ryankite
ryankite
8,265 Points
ryankite
ryankite
8,265 Points

Yep I would try the code Melad wrote.

Caroline Simpson
PLUS
Caroline Simpson
Courses Plus Student 3,757 Points
Caroline Simpson
Caroline Simpson
Courses Plus Student 3,757 Points

You probably need #gallery{ margin: 0; padding: 0; list-style: none; } . Include the #, with no space between the # and the id name.

Zoe Watson
Zoe Watson
3,986 Points
Zoe Watson
Zoe Watson
3,986 Points

Thanks guys had tried the # in front it just dropped off in my can you help message but i'll try adding it with no spaces i.e #gallery. Thank you all appreciate the help!