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 samuel octelene
samuel octelene
1,014 Points

i am having difficulty with this exercise. "it looks like task 3 is no longer passing."

i added my code, not sure how to proceed.

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-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
}

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

1 Answer

Marco Fregoso
Marco Fregoso
379 Points
Marco Fregoso
Marco Fregoso
379 Points

Not sure if you already solved your problem yourself but here is the code that passes the challenge

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

When you set only one value to padding or margin it targets the top, right, bottom and left margins/paddings like this:

margin : 10px;

When you set 2 values to either padding or margin, the first value targets both top and bottom margins/paddings and the second value targets the right and left margins/paddings like this:

margin: 10px 0;

When you set 3 values to either padding or margin; the first value targets the top margin/padding, the second value targets both right and left margin/padding and the third value targets the bottom margin/padding like this:

margin: 10px 0 15px;

When you set 4 values to either padding or margin; the values are assigned in a clock-wise manner, so the first value targets the top margin/padding, the second value targets the right margin/padding, the third value targets the bottom margin/padding and the fourth value targets the left margin/padding, like this:

margin: 15px 5px 10px 0;

Hope it helps you or anybody having trouble with this.