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

joel asplund
joel asplund
1,482 Points
Posted by joel asplund
joel asplund
1,482 Points

not sure what is wrong with my code? font weight = 800 in nav links

nav links { font-weight: 800; }

right?

css/main.css 
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

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

nav ul li {
display: inline-block;
}

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

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

1 Answer

Garrett Sanderson
Garrett Sanderson
12,735 Points
Garrett Sanderson
Garrett Sanderson
12,735 Points

If you want your link text to be Bold you need to select them using the a selector.

Right now you have this

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

The problem with this is "links" is not an html element that you can select

You need to give the a tag in your html either a class or select it with specificity in css like below

<nav>
<ul>
<li><a class="link"></a></li>
<li><a class="link"></a></li>
</ul>
</nav>

Any of these styles will work.

nav ul li a {
font-weight: 800;  / * Bold */
}

nav ul li a.links {
font-weight: 800; /* Bold */
}

.links {
font-weight: 800; /* Bold */
}