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

The check says I didn't set the top padding to 15 but my code shows "padding: 15px 10px;" -- what's wrong??

I'm unclear what's wrong with my code. I think I did what the challenge asked.

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

nav li {
  display: inline-block;
  font-weight: 800;
  padding: 15px 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

Alex Heil
Alex Heil
53,547 Points

hey Emily Agostino , your padding declaration is actually fine - however you're applying it to the wrong element. the question wants you to add the padding to the links inside the nav - this would be:

nav a {}

but you instead selected the list items

nav li {}

if you apply your code to the links then your code will past just fine. hope that helps and have a nice day ;)