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 trialPaul Topham
110 Pointswhy is this padding incorrect?
getting an error stating that the top padding for my nav links should be 15px....
but it is???
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;
}
nav li{
font-weight:800;
padding: 15px 10px;
}
2 Answers
Ella Ruokokoski
20,881 PointsYou have to assign the padding to the nav links not list items
Paul Topham
110 PointsThis was why!! I feel quite silly!!
Paul Topham
110 PointsShouldnt be as im aiming for the list items in particular, not the general list. also im assuming the cascade nature would have took care of any overwriting issue?
Kris Blanchette
174 PointsI see you have two different functions for nav li in your css. Would combining them help or is there a reason to have them seperated so?
Kris Blanchette
174 PointsKris Blanchette
174 PointsIs the
padding interfering with it? Definitely mean that as a question, not a solid answer.