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 trialjoel asplund
1,482 Pointsnot sure what is wrong with my code? font weight = 800 in nav links
nav links { font-weight: 800; }
right?
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
12,735 PointsIf 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 */
}