HTML How to Make a Website Styling Web Pages and Navigation Make a CSS Image Gallery

Jamie Campbell
PRO
Jamie Campbell
Pro Student 7,603 Points

What is wrong with my code? It is not removing all of the margins, just one side.

Refer to the last gallery container

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 auto; 
  padding: 0;
  list-style: none;
}

1 Answer

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 81,804 Points

I suspect it's because you're using 0 auto for the margin property. This will remove margins from the top and the bottom but make the browser calculate the margins for the left and the right of the element.

Try using 0 as the value and it should remove margins from all sides of the element.