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

Jason Yirak
PLUS
Jason Yirak
Courses Plus Student 1,837 Points
Posted by Jason Yirak
Jason Yirak
Courses Plus Student 1,837 Points

Challenge=Remove margin. Am I entering it wrong? gallery {margin: 0 auto;} It keeps telling me I am missing a side.

I am doing the code challenge and I think I have the right idea but that I may not be entering it correctly. What do I do to make sure I am covering all sides?

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

2 Answers

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

To target an element by id, you need a hash (#) in front of the id name, like this:   #gallery

To remove margins from all sides, you want a single argument of 0, like this:   margin: 0;
Setting "margin: 0 auto;" removes the top and bottom margins, but leaves the left and right sides set to auto.

And remember, you still need to remove the padding and bullets to complete the task.