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 web pad
web pad
4,483 Points

Challenge Task 4 of 4 problem with answer. Set font weight to 800, padding in the nav links element error.

Hi, this is the challenge in task 4.

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.

This is my answer and it is marked wrong. Which made it wrong? Is it not that the links are the nav a element?

This is my code for it. nav a {

font-weight: 800;

padding: 15px 10px;

}

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

nav ul {
  display: inline-block;
}

nav ul {
  padding: 15px 10px;

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

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;
}

1 Answer

Steven Parker
Steven Parker
229,732 Points
Steven Parker
Steven Parker
229,732 Points

The "nav a" rule is not the problem. But the "nav ul" rule just above it is missing a closing brace.

web pad
web pad
4,483 Points

Thank you so much. I have been stuck in this section figuring it out. I tried closing the brace already and it now highlighted the a tag, as opposed to it being grayed out before. However after doing that, they still marked my answer wrong. It says task 2 is no longer passing. I kept repeating/answering the tasks again, but only at task 4 that there seems to be a problem. I refreshed the browser also just in case. It's still the same code that I used as before.

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