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

wendel geir
wendel geir
3,985 Points

Nav link font weight.

How is nav link font weight written?

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;
}
nav li {
  display: inline-block;
}
nav ul {
  margin: 0 10px 0 10px;
  list-style: none;
  padding: 0;
}
nav link {
  font-weight: 800;
  padding: 15px 10px 15px 10px;
}
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;
}

2 Answers

For the nav link part of this challenge, your code should look something like this:

nav a {
    font-weight: 800;
    padding: #px #px;
}

But replace the #s with the desired padding [I forgot the specific question] the first # should be top/bottom.

wendel geir
wendel geir
3,985 Points

i did that but the challenge won't let me pass.......

Ok - I'll do it through each step in case I was confused as to where it was failing on you:

Step 1:

nav ul {
  margin: 0 10px;
}

Step 2:

nav ul {
  margin: 0 10px;
  padding: 0;
  list-style-type: none;
}

Step 3:

nav ul {
  margin: 0 10px;
  padding: 0;
  list-style-type: none;
}

nav li {
  display: inline-block;
}

Step 4:

nav ul {
  margin: 0 10px;
  padding: 0;
  list-style-type: none;
}

nav li {
  display: inline-block;
}

nav a {
  font-weight: 800;
  padding: 15px 10px
}
wendel geir
wendel geir
3,985 Points

Thanks man I see where i went wrong, I was doing padding: 15px 10px 15px 10px;