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 Create a Horizontal List of Links

Jake Kieran
Jake Kieran
589 Points

Select the unordered list nested in nav element. Remove margins from the top and bottom and set left and right to 10px.

I'm simply unable to understand what I'm doing wrong here. I've entered the code:

nav ul {

margin: 0 10px; }

Any idea what I've done incorrectly.

css/main.css
a {
  text-decoration: none;
}

#nav ul {
  margin: 0 10px;
}

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

3 Answers

are you using nav as atribute or tag?

if your using as tag you shold change #nav to nav.

Jake Kieran
Jake Kieran
589 Points

Yep, thanks for clearing that up. :)