HTML How to Make a Website Styling Web Pages and Navigation Create a Horizontal List of Links

Don-Alex Antoine
Don-Alex Antoine
3,033 Points

I am supposed to remove the top and bottom margins and set the left and right margins to 10px.

it keeps telling me to make sure the top margin is removed

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 li {
 margin: 0 10px 0 10px;
}

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

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}

1 Answer

Jamie Reardon
Jamie Reardon
Front End Web Development Techdegree Student 6,548 Points

Hey, you are almost right, except you are selecting the list items within a nav tag. You need to select the ul element inside the nav element like it said so in the question:

nav ul {
 margin: 0 10px 0 10px;
}