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

Nazar Korotyuk
Nazar Korotyuk
4,210 Points
Posted by Nazar Korotyuk
Nazar Korotyuk
4,210 Points

I'm not sure what I'm doing wrong here?

I've tried almost everything, I'm snot sure what I'm doing wrong, its asking to make the nav links font-weight 800 and padding 15px top and bottom and 10px left and 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;
  list-style-type: none;
  padding: 0;
}

nav li {
  display: inline-block;
}

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

3 Answers

Marcus Parsons
Marcus Parsons
15,719 Points

Hi Nazar,

For the last task in this challenge, you need to select the links inside of the nav element. If you remember, links refers to anchor elements or <a> elements. Since anchor links are <a> elements, you target them with the a keyword after putting nav since we only want to target links inside of a nav element. 

/* the CSS for the last 3 selectors */
nav ul {
  margin: 0 10px;
  list-style-type: none;
  padding: 0;
}

nav li {
  display: inline-block;
}

/* changed to nav a */
nav a {
  font-weight: 800;
  padding: 15px 10px;
}
Taylor French
Taylor French
14,931 Points
Taylor French
Taylor French
14,931 Points

You're very close! Remember, it's asking for the LINKS within the nav element, so you have to target the anchor elements within the nav element. Thus, the code would look like this:

nav a {
  font-weight: 800;
  padding: 15px 10px;
}
Marcus Parsons
Marcus Parsons
15,719 Points

You're very welcome, Nazar! Happy Coding =]