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

HTML How to Make a Website Styling Web Pages and Navigation Create a Horizontal List of Links

Posted by Ken Peter
Ken Peter
402 Points

Select the links inside the nav element and set their font weight to 800. Then, set padding on the top and bottom to 15

Hello guys, i can't seem to pass this 4th step, please help out!!

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.

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

5 Answers

Angyal István
Angyal István
11,259 Points
Angyal István
Angyal István
11,259 Points

You add the values for the wrong element, You need to add font-weight and margin to the links wich are in the nav element, and not to the list items in the nav element.

The right css is the following:

nav a {

//put here Your second nav li {properties}

}

Angyal István
Angyal István
11,259 Points
Angyal István
Angyal István
11,259 Points

You need the links from the element nav, and not the links from the list from the nav, so that: Before I post it for first I test it, and works fine.

nav a { }

and not that: nav li a { }

Hope it works!

David Holt
David Holt
14,540 Points
David Holt
David Holt
14,540 Points

Hey! This is the first time I have posted an answer to the Treehouse Community. The code below worked for me.

nav a {
   font-weight: 800;
   padding: 15px 10px;
}
Joan Estep
Joan Estep
10,739 Points

thank you!

Chris Jardine
Chris Jardine
13,299 Points
Chris Jardine
Chris Jardine
13,299 Points

Hi Ken

You need to select the "links" inside the nav elements:

nav li a {
  font-weight: 800;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
}
Ken Peter
Ken Peter
402 Points

Thanks Chris, i did did exactly as you instructed, but still getting bummed!!

nav li a { font-weight: 800; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; }

Ken Peter
Ken Peter
402 Points
Ken Peter
Ken Peter
402 Points

Thanks for your response, i added the values to the links this time, nav li a {code} still got bummed!!