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 katherine
katherine
45,330 Points

how can i make the padding 15 px?

i don't know why it isn't working

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 ul li {
  display: inline-block;
  font-weight: 800;
  padding-top: 15px; 
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

2 Answers

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

Hi Katherine, The final question in the challenge wants you to style the links inside the nav. Currently, you are styling the list items (li). You need to add a new declaration for the links inside the nav (nav a), the the last two entries should be: 

nav ul li {
  display: inline-block;            /* part 3 of the challenge */
}

nav a {
  font-weight: 800;             /* part four of the challenge */
  padding: 15px 10px;
}

Hope this makes sense and helped out. Keep Coding! :)

Eric Trego
Eric Trego
15,308 Points
Eric Trego
Eric Trego
15,308 Points

so its asking you to make another css rule. by putting the font-weight at 800 and padding top and bottom at 15px and left and right at 10px in a nav link. you have put it all in your nav ul li. plus you wont need to write out padding top padding right padding bottom padding left, you can if you like but its less code just to put 

padding: 15px, 10px;

and the selector that you are looking for is nav a.

hope this explains what you where asking and happy coding.