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

Posted by Adam Rosenblum
Adam Rosenblum
5,439 Points

Padding Questions

In question 4 of the challenge it says make the nav li padding 15 top / bottom and 10 left right...i have:

nav li { display: inline-block; padding: 15px 10px; font-weight: 800; }

It's not working...what am I doing wrong :-( please help.

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

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

nav li {
  display: inline-block;
  padding: 15px 10px;
  font-weight: 800;
}

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

5 Answers

Adam Rosenblum
Adam Rosenblum
5,439 Points

Still not working....maybe I screwed up the question: Select the links inside the nav element and set their font weight to 800. Then, set padding on the top and bottom to 15 pixels. Set the padding on the left and right to 10 pixels.

I think that is what I did...so frustrated.

Ryan Field
Ryan Field
Courses Plus Student 21,242 Points
Ryan Field
Ryan Field
Courses Plus Student 21,242 Points

Hey Adam. If it's telling you select the LINKS, then you need to use a not li. Try something like this:

nav a {
  padding: 15px 10px;
  font-weight: 800;
}
Adam Rosenblum
Adam Rosenblum
5,439 Points

Thanks Ryan...that worked great!

Ben Brenton
Ben Brenton
266 Points
Ben Brenton
Ben Brenton
266 Points

Try doing it longhand, i.e 10px 15px 10px 15px. If this works, than it may just being picky!

Ben Brenton
Ben Brenton
266 Points
Ben Brenton
Ben Brenton
266 Points

No comma, just a space separating each.

Adam Rosenblum
Adam Rosenblum
5,439 Points
Adam Rosenblum
Adam Rosenblum
5,439 Points

Thank you!!!!

Adam Rosenblum
Adam Rosenblum
5,439 Points
Adam Rosenblum
Adam Rosenblum
5,439 Points

Thanks Ryan, that worked. I was completely misreading the question. I appreciate yours and everyone else help!!!!