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 Nedim Ljubuncic
Nedim Ljubuncic
1,022 Points

Error message for "padding" code. Am i missing something here?

Top padding should be 15px, but i set top padding to 15px..so I don't know what I'm doing 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{
  margin:0 10px;
  list-style:none;
  padding:0;
  }

 nav li{
   display:inline-block;
}

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

2 Answers

Julian Fields
Julian Fields
8,983 Points
Julian Fields
Julian Fields
8,983 Points

Hi Nedim, padding can take four values, top, right, bottom left. 15px 10px is setting your top and bottom to 15px and left and right to 10px, try adding two more values to your padding.

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hi Nedim,

The final challenge asks you to set some values for the links inside the nav element. In your code, you have only selected the nav element and not the links inside. Your CSS is correct, but your selector is wrong. You need to select 'nav a'

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

Hope that help you out. Keep Coding! :)