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

Vladimir Miletic
Vladimir Miletic
6,201 Points
Posted by Vladimir Miletic
Vladimir Miletic
6,201 Points

not sure how to set top and the bottom to 15 px?

I think I did right, but it showing that is wrong.

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 {
  list-style: none;
  margin: 0 10px;
  padding: 0;
}
nav li {
  display: inline-block;
}
nav a {
  font-weight: 800;
  padding: 15px; 10px;
}

2 Answers

Salman Akram
Salman Akram
Courses Plus Student 40,065 Points

Hi Vladmir,

Great job, but just remove semi-coma ;

nav a {
  font-weight: 800;
  padding: 15px 10px;
}
Johnathan Shoff
Johnathan Shoff
6,877 Points
Johnathan Shoff
Johnathan Shoff
6,877 Points

You need to set it up as padding: 15px 10px;

Your definitely not suppose to have your padding separated like padding: 15px ; 10px; that is an improper statement.

padding: all; padding: top/bottom right/left; padding: top right/left bottom; padding: top right bottom left;

Above is all the different combinations to be used with the padding property.