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 trialSamarth Jajoo
3,572 PointsEven though my code is right, it's giving me a "Bummer!". Almost spent 3 hours rechecking the code!!!
Here's a screen shot to the error. http://postimg.org/image/4b24bg2wj/ Please help
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 {
list-style: none;
margin: 0 10px;
padding: 0;
}
nav li {
display: inline-block;
}
nav a {
font-weight: 800;
padding: 15px 10px;
}
.profile-photo {
display: block;
margin: 0 auto 30px;
max-width: 150px;
border-radius: 100%;
}
.contact-info ul {
list-style:none;
padding:0;
margin:0;
font-size:0.9em;
}
2 Answers
Sam Baines
4,315 PointsHi Samarth - I think the problem with your code is the order of your selector(s) in your css, try the following instead:
ul.contact-info {
list-style:none;
padding:0;
margin:0;
font-size:0.9em;
}
Hope this helps.
Christopher Beynon
10,258 PointsHey, You have your unordered list and contact-info selectors reversed. Remember to higher level selector first. I have tried the code challenge with this and it works:
ul.contact-info {
font-size: 0.9em;
margin: 0;
padding: 0;
list-style: none;
}
Samarth Jajoo
3,572 PointsThanks a lot both of you!!! :)
Samarth Jajoo
3,572 PointsSamarth Jajoo
3,572 PointsNope... Still the same. Anyway, thanks a lot for trying to help me :)
Sam Baines
4,315 PointsSam Baines
4,315 PointsHi Samarth - I had a small mistake in my code you need to make sure the selector is ul.contact-info with no space (I have checked this in the code challenge and it works). Basically this is correct as you are selecting all unordered lists with the class 'contact-info' rather than in your original code you were selecting all unordered lists within a div with the class of 'contact-info'. So yes your code was not quite correct to start with but you were very close.