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

Is there an error in step 4?

I submitted this as my answer according to the video that I was following:

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

  • since the question was referring to the links inside the listed items. Please assist, I may be wrong as well. I'm only a noob to this.
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;
  padding: 0
    }

nav li {
  display: inline-block;
  font-weight: 800;
  padding;
  {

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

1 Answer

Mike Schaming
Mike Schaming
13,925 Points

In your code- it doesn't look like you are targeting the anchor elements properly- check your last declaration. Hope this helps and good luck!

Thanks Mike Schaming,

I entered this code:

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

  • and it worked

rookie mistake lol :D