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 trialMeghan Garrity
2,751 PointsThe code challenge is telling me to do one thing and when I do it correctly it says that it is wrong.
It is telling me to add font-size of 0.9em to contact-info class for the unordered list tag. this is how I wrote the code: .contact-info ul { font-size: 0.9em; margin: 0; padding: 0; list-style: none; } When I check the code it keeps telling me to set the font-size to 0.9em, yet I did set the font-size to 0.9em. Until it is correct it will not lit me move forward. Please help. I know I'm writing the code correctly.
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 {
font-size: 0.9em;
margin: 0;
padding: 0;
list-style: none;
}
3 Answers
Jason Anders
Treehouse Moderator 145,860 PointsHey Meghan,
The problem lies with the selector you are using. Right now it is targeting an unordered list
inside of an element with the class of .contact-info
. However, the challenge wants you to select an unordered list
with the class of `.contact-info. So, you just need to switch your selector to reflect that, and you're good to go.
ul.contact-info
Keep Coding! :)
Karen Freeman-Smith
29,248 PointsI was thinking the same as Jason, but when I tried it that way, I got the same error. Removing the "ul" let me pass the challenge. So JUST use ".contact-info" as your selector.
Jason Anders
Treehouse Moderator 145,860 PointsHi Karen,
That's strange that you got an error. I just ran the challenge and the CSS did pass with the more specific selector I provided.
Dropping the ul
will pass the challenge, but it's not really what is being asked, and loses the point of "specificity" that is very important in CSS.
:)
Karen Freeman-Smith
29,248 PointsI think I had a space in mine, may be why it failed with the ul when I tried it.
Meghan Garrity
2,751 PointsMeghan Garrity
2,751 PointsThanks ever so much for your help. I'll have to remember that is how it works with a class in a tag. That is something new I learned.