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

Herschel Greenspan
Herschel Greenspan
890 Points
Posted by Herschel Greenspan
Herschel Greenspan
890 Points

What am i doing wrong here?? i cant seem to get the px right.

What am i doing wrong here?? i cant seem to get the px right.

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 0 10px;
padding: 0;}

nav li
{
display: inline-block;
}

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

3 Answers

Greg Kaleka
Greg Kaleka
39,021 Points
Greg Kaleka
Greg Kaleka
39,021 Points

Hi Herschel,

You're using the wrong selector. You've correctly set the list items to inline-block, but the challenge then asks you to set the font-weight and padding for links. The selector for links is a, not li:

nav a {
    font-weight: 800;
    padding: 15px 10px 15px 10px ;
}
Abe Layee
Abe Layee
8,378 Points
Abe Layee
Abe Layee
8,378 Points

you have to select the anchor or a tag element.

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

or

nav ul li a {
  font-weight:800px;
  padding:15px 10px; //fshorthand .. the 15px is for up and down and 10px for left to right
 }
Abe Layee
Abe Layee
8,378 Points
Abe Layee
Abe Layee
8,378 Points

Can you post the code section you're having problem with? I am little lost.

Herschel Greenspan
Herschel Greenspan
890 Points
Herschel Greenspan
Herschel Greenspan
890 Points

sure. its right here. for some reason it wont accept the numbers as is.

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