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

joshua meads
joshua meads
6,945 Points

need help removing margins in this challenge

trying to remove margins in this challenge have googled the subject and results were the same as what I put down in the challenge could some one else take a look to see If I am missing anything this is the name of the challenge: Select the element with the ID gallery. Then, remove the margin, padding, and bullet points.

css/main.css
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

#logo {
  text-align: center;
  margin: 0;
}

img{
    max-width: 100%;
}

#gallary li{
    margin: 0px ;
  padding: 0;
  list-style: none;
}

h1, h2 {
  color: #fff;
}

nav a {
  color: #fff;
}

nav a:hover {
  color: #32673f;
}

h1 {
  font-family: Changa One, sans-serif;
  font-size: 1.75em;
  font-weight: normal;
}

4 Answers

Patrick Marshall
Patrick Marshall
13,508 Points

You're doing great here and are pretty close. First, the name is spelled wrong, it's gallery not gallary. Second, the challenge is to affect the element itself, not its child elements.

joshua meads
joshua meads
6,945 Points

thanks for getting back to me this quickly that explains so much thank you

Wiktor Bednarz
Wiktor Bednarz
18,647 Points

Hey there,

it looks like your selector for id="#gallery" is misspelled. Second of all I don't know what the challenge really wants from you, but from the text you provided it looks like you need to modify only #gallery element, and not it's children.

I'm quite certain that your code should look like this:

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}
joshua meads
joshua meads
6,945 Points

yes I think that I Was the spelling error that got me I am not good at spelling.