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

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

Alvin Martinez
Alvin Martinez
3,258 Points
Posted by Alvin Martinez
Alvin Martinez
3,258 Points

There seems to be a glitch with the correct answer. Or perhaps I am missing something obvious.

Hi,…

I have added the correct padding for the top and bottom of the nav li selector (located towards bottom of code view) but still getting error message. Anyone with ideas of what I am missing? Perhaps just an error in the module?

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;
  list-style: none;
  padding: 0;
}

nav li {
  display: inline-block;
  font-weight: 800;
  padding: 15px 10px;
}

1 Answer

Emma Willmann
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer
Emma Willmann
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer

You have the property correct, but are using the wrong selector. The font weight and padding are to be changed for the links, not the list items. So, this is the code that you need. 

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

nav li {
  display: inline-block;
}

nav a {
  font-weight: 800;
  padding: 15px 10px;
}
Alvin Martinez
Alvin Martinez
3,258 Points
Alvin Martinez
Alvin Martinez
3,258 Points

Thanks Emma!

— Alvin

mathisvaneetvelde
mathisvaneetvelde
9,366 Points

This helped me a lot as well. Thank you very much!