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

Shazad Kazi
Shazad Kazi
10,758 Points
Posted by Shazad Kazi
Shazad Kazi
10,758 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 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 {
 margin:0 10px; 
  list-style: none;
  padding:0;
}
nav li {
 display:inline-block; 
}

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

4 Answers

Bryan Manhollan
PLUS
Bryan Manhollan
Courses Plus Student 10,096 Points
Bryan Manhollan
Bryan Manhollan
Courses Plus Student 10,096 Points

nav links at the bottom of your code is wrong. You want to store it under nav a like so:

nav a {
  font-weight: 800;
  padding: 15px 10px;
}
Nurul Ahsan
Nurul Ahsan
2,039 Points
Nurul Ahsan
Nurul Ahsan
2,039 Points

Your font-weight should be : nav links{ font-weight:800; padding:15px 0 10px; {15px(top), 0(right) 10px(bottom) 0(left)}

Julie Carere
Julie Carere
3,847 Points
Julie Carere
Julie Carere
3,847 Points

Make sure you have the code in the correct place or it won't pass. Scroll to where the nav a element is already in your code (you will see the color setting already there), and add the font-weight and padding. nav a { color: #fff; font-weight: 800; padding: 15px 10px; }

Nurul Ahsan
Nurul Ahsan
2,039 Points
Nurul Ahsan
Nurul Ahsan
2,039 Points

Your font-weight should be : nav links{ font-weight:800; padding:15px 10px 15px 10px;

}