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

Select the element with the ID gallery, then remove the margin, padding and bullet points.

here is my code:

gallary {

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

Its says "it looks like one of the margins is set to zero but not all. How do I set all margins to zero?

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

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

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

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;
}

img {
  max-width: 100%;
}

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

2 Answers

Hey there, as simple as it is, it's just an eye flip. you wrote ' #gallary ', while you should write " #gallery " ! ;) .. other than that, your whole code is right !

cheers !

Thanks so much! In my "workspace" it's spelled "gallary" and works fine ( that's because I spelled it the same way in the html file). Thanks Ayoub!

Ah good catch Ayoub!

I totally missed the spelling and thought you were telling him to just add a ! to the rule...my mistake and great catch on your part!

You welcome Stephen Sanchez ! thanks @shawn Denham , the forum is about more eyes on the code ;) !

Take a look at this part of your css again

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