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

CSS Link padding

Hi, can anyone tell me what I'm doing wrong to change the padding for the links in this code challenge? "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 can't quite figure out where I'm going wrong. Thanks!

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 {
  font-weight: 800;
  padding: 15 px 10 px;
}

nav a:hover {
  color: #32673f;
}

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

nav li {
  display: inline-block;
}

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

2 Answers

Drop the spaces between the #'s and the px.

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

Thank you!

Welcome. Good luck!

SERGIO RODRIGUEZ
SERGIO RODRIGUEZ
17,532 Points

You are almost right!

Remove the space between the number and the unit and everything should be ok!

Hope this helps!

Sergio

Thanks =)