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

why is this padding incorrect?

getting an error stating that the top padding for my nav links should be 15px....

but it is???

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 ul{
  margin: 0 10px; 
  list-style: none;
  padding: 0;
}

nav li{
  display: inline-block; 
}

nav li{
  font-weight:800;
  padding: 15px 10px;
}
Kris Blanchette
Kris Blanchette
174 Points

Is the

nav ul{
  margin: 0 10px; 
  list-style: none;
  padding: 0;
}

padding interfering with it? Definitely mean that as a question, not a solid answer.

2 Answers

You have to assign the padding to the nav links not list items

This was why!! I feel quite silly!!

Shouldnt be as im aiming for the list items in particular, not the general list. also im assuming the cascade nature would have took care of any overwriting issue?

Kris Blanchette
Kris Blanchette
174 Points

I see you have two different functions for nav li in your css. Would combining them help or is there a reason to have them seperated so?