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

German Tsatsura
seal-mask
.a{fill-rule:evenodd;}techdegree
German Tsatsura
Full Stack JavaScript Techdegree Student 10,173 Points
Posted by German Tsatsura
.a{fill-rule:evenodd;}techdegree
German Tsatsura
Full Stack JavaScript Techdegree Student 10,173 Points

Am I in the wrong here??

Challenge Task 2 of 4 is asking me to select the element with the ID gallary, then remove margin, padding and bullet points.... this is for css

What I have done

gallary {

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

}

and yet it says Bummer (lol)! It looks like at least one side has no margin. Be sure you set all sides to zero margin.

I then tried

gallary {

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

and it said the same thing.

then I tried

gallary {

margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; padding: 0; list-style: none;

and it still said the same thing.

Am I in the wrong somewhere? please let me know

thanks guys.

4 Answers

Jason Cook
Jason Cook
11,403 Points
Jason Cook
Jason Cook
11,403 Points

I think there's a couple things happening there. First, the mispelled ID (gallery vs gallary) and the second thing is that you need to use a hashtag (#) in front of the selector to target by ID. I pasted a working example below.

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

Let me know if that solves it for you.

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Jason,

When css code isn't posted properly the # in front of id selectors is interpreted as an h1 using markdown syntax. This is why we see it bold and at a larger font size. So most likely they do have it in their code.

Sagar Patel
Sagar Patel
3,653 Points
Sagar Patel
Sagar Patel
3,653 Points

try

gallary{ margin:none; padding:none; list-style:none; }

Jason Cook
Jason Cook
11,403 Points
Jason Cook
Jason Cook
11,403 Points

You're welcome, the simple mistakes are the hardest ones to find sometimes when we're reviewing our own code. Sometimes it just takes another pair of eyes to see what we're missing :)