Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Styling Web Pages and Navigation Create a Horizontal List of Links

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
216,017 Points

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

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