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

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

margin in CSS

This is about 2nd or 3rd time I've been back to margins. It keeps give me an error that bottom margin should be zero.

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

2 Answers

rydavim
rydavim
18,814 Points

I don't see your code in your post. What you want to do is select the ul element that's inside the nav element. Then create a CSS rule that sets the top and bottom margins to 0 and the left and right margins to 10px.

nav ul {  /* Select the appropriate element(s)... */
  margin: 0 10px;  /* Remember that the shorthand goes top/bottom first, followed by left/right. */
}
Mike Hickman
Mike Hickman
19,817 Points

Hi Arlene,

I'm not sure which margin needs to be 0, but check your "nav a" section. I don't see a colon after the word margin.

Good luck! Mike