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 Roman Mayer
Roman Mayer
5,824 Points

nav li { display: inline-block; font-weight: 800; padding: 15px 10px; } Task4, padding top not passing.. why?

Task 4 is that top padding should be 15px, left and right 10px but it is not passing... 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 ul {
  margin: 0 10px;
  list-style: none;
  padding: 0px;
}

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

3 Answers

Benjamin Rochez
Benjamin Rochez
9,508 Points
Benjamin Rochez
Benjamin Rochez
9,508 Points

I just made the challenge again, 

ul{
  margin:0 10px;
  list-style:none;
  padding:0;
}
ul li{
  display:inline-block;
}

nav a{
  font-weight:800;
  padding: 15px 10px;
}

The question was to select the links, not the list items :) Hope that helped you,

have a nice day

Roman Mayer
Roman Mayer
5,824 Points

thx so much... I thought about using a different selector but it accepted my 'font-weight: 800'... anyway, thx !

Benjamin Rochez
Benjamin Rochez
9,508 Points
Benjamin Rochez
Benjamin Rochez
9,508 Points

Hello,

The reason is that you need to set top and left & right. So you'll need to write this : 

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

The 0 fit for the bottom value that you have to specify, otherwise it will be set to 15px.

You can find more information following this link : http://www.w3schools.com/cssref/pr_padding.asp

Roman Mayer
Roman Mayer
5,824 Points
Roman Mayer
Roman Mayer
5,824 Points

Sorry, it's supposed to be 15px for top&bottom and 10px left&right. And the response is that I should set the top padding to 15px... but I did (I think...)