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 natalie pleitez
natalie pleitez
5,855 Points

select the links inside the nav element and set their font weight to 800. then set pudding on the top and bottom to 15

pixels set the pudding 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{
  margin: 0 10px;
  padding: 0;
  list-style: none;
}

nav li {
  display: inline-block;
}
Kathryn Gilbert
Kathryn Gilbert
5,122 Points
Kathryn Gilbert
Kathryn Gilbert
5,122 Points

I think this what they are looking for. If you set padding to 15px 0 it will add 15px to bottom and top of your element and leave left/right as 0. 

nav a {
  color: #fff;
  font-weight: 800;
  padding: 15px 0;
}
Antonio Jaramillo
Antonio Jaramillo
15,604 Points 
nav a {
  font-weight: 800;
  padding: 15px 10px;
}

1 Answer

Grace Kelly
Grace Kelly
33,990 Points
Grace Kelly
Grace Kelly
33,990 Points

Hi natalie, in order to select the links inside the nav element we use the following:

nav a { /*select links within nav */

}

We can then target only the links inside the nav and style them. The task wants to give them a font weight of 800 and to set the padding top and bottom to 15px and left and right to 10px, we can do this is the following way:

nav a {
  font-weight: 800; /*set font weight to 800*/
  padding: 15px 10px; /*set padding top and bottom to 15px and padding left and right to 10px*/
}

Hope that helps!!