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

Markus Fischer
Markus Fischer
2,182 Points

Select the unordered list nested inside the nav element. Remove the margins on the top and bottom. Set the margins on th

I write that code margin: 0px 10px; but i get the answer Set top margin to 0. Why?

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

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

4 Answers

Sidney Casagrande
Sidney Casagrande
7,035 Points

Because as per CSS best practices a Zero value should only be 0 (type agnostic) and not 0px. So try removing px

Greg Scott Jr
Greg Scott Jr
3,281 Points

It's because you put the li instead of the ul.

nav ul { margin: 0 10px; }

Markus Fischer
Markus Fischer
2,182 Points

Oh. I didn't know that. I will try that one out.

Markus Fischer
Markus Fischer
2,182 Points

So I delete the px and I get the same error again.