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

Amanda Bater
Amanda Bater
7,686 Points

Removing margins in the ID Gallery

On one of the CSS challenges in the build a website course, the task is to select the gallery, and remove margins, padding and bullet points. I thought I had it, but I keep getting a message saying at least one of my side has no margins, but I need to remove the margins on all sides...Here is my code below, I hope someone knows where I'm going wrong, this is really frustrating!

a { text-decoration: none; }

img { max-width:100%; }

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

gallery {

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

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

img {
  max-width:100%;
}

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

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

2 Answers

Callum King
seal-mask
.a{fill-rule:evenodd;}techdegree
Callum King
Front End Web Development Techdegree Student 4,934 Points

To remove all margins, you just need to put zero, and the hash symbol should be next to the gallery id, with no space.

#gallery {
          margin: 0;
}