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

Jay Guillermo
Jay Guillermo
1,305 Points
Posted by Jay Guillermo
Jay Guillermo
1,305 Points

Trying to remove margin, padding, and bullet points from gallery id.

I am trying to remove the margin, padding, and bullet points from the gallery id. I'm not sure what is wrong!

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

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

3 Answers

Jay Guillermo
Jay Guillermo
1,305 Points
Jay Guillermo
Jay Guillermo
1,305 Points

Has to go at the top of list.

Ray Khe
PLUS
Ray Khe
Courses Plus Student 1,371 Points
Ray Khe
Ray Khe
Courses Plus Student 1,371 Points

gallery {

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

Jay Guillermo
Jay Guillermo
1,305 Points
Jay Guillermo
Jay Guillermo
1,305 Points

Unfortunately, I'm still getting "Bummer. It looks like at least one side has no margin. Be sure you set all sides to zero margin."

Any idea why still not working?