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 trialkatherine
45,330 Pointshow can i make the padding 15 px?
i don't know why it isn't working
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 ul li {
display: inline-block;
font-weight: 800;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
}
2 Answers
Jason Anders
Treehouse Moderator 145,860 PointsHi Katherine, The final question in the challenge wants you to style the links inside the nav. Currently, you are styling the list items (li). You need to add a new declaration for the links inside the nav (nav a), the the last two entries should be:
nav ul li {
display: inline-block; /* part 3 of the challenge */
}
nav a {
font-weight: 800; /* part four of the challenge */
padding: 15px 10px;
}
Hope this makes sense and helped out. Keep Coding! :)
Eric Trego
15,308 Pointsso its asking you to make another css rule. by putting the font-weight at 800 and padding top and bottom at 15px and left and right at 10px in a nav link. you have put it all in your nav ul li. plus you wont need to write out padding top padding right padding bottom padding left, you can if you like but its less code just to put
padding: 15px, 10px;
and the selector that you are looking for is nav a.
hope this explains what you where asking and happy coding.