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 trialJoão Lúcio Gomes
914 PointsMy code is right but the test won't accept it.
Or is it? I'm not sure. I've just skipped this step for now, and it's happening in two other steps in the course, and I'm not sure what to do. Selection is on the bottom of the code.
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;
}
2 Answers
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,960 PointsNicolas is right, just to add to this:
The code you've written is saying 'Find the element with the class .contact-info then select the unordered list that follows it':
.contact-info ul {
}
We really want to say 'Select the element with the class .contact-info':
.contact-info {
}
Or to be more specific you can say 'Select the unordered list with the class of .contact-info':
ul.contact-info {
}
Hope this helps :)
Nicolas Nate
3,527 PointsI found your problem. The instructions say "Select the unordered list with the class contact-info". If you look at your HTML you will see that "contact-info" class is set inside of your unordered list. Therefore you can just select ".contact-info" without ul.
.contact-info { you code here }
João Lúcio Gomes
914 PointsJoão Lúcio Gomes
914 PointsWow, thanks a lot, that took care of it! Just when I thought I was getting the hang of this, lol.