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 trialRadu Zurbau
501 PointsI can't seem to pass this question test although to me the code looks fine.
I was required to select the contact-info class from the unordered list, set the font to 0.9em, remove margin, padding and list styling. I get the error - be sure to set the font size to 0.9em.
ul .contact-info { font-size: 0.9em; margin: 0; padding: 0 list-style: none; }
Doesn't my code look fine?
Thank you
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%;
}
ul .contact-info {
font-size: 0.9em;
margin: 0;
padding: 0
list-style: none;
}
3 Answers
Jason Anders
Treehouse Moderator 145,860 PointsHi Radu, In order to pass the challenge that asks "Select the unordered list with the class contact-info," you need only to select the class and not even include the ul element. Challenges are picky and very specific.
In order to pass, delete the ul from you declaration and add a semi-colon after you padding.
.contact-info {
font-size: 0.9em;
margin: 0;
padding: 0;
list-style: none;
}
Hope that helps! Keep Coding :)
Julian Aramburu
11,368 PointsHi Radu! It's all about typo problems ;) so this one is easy. First you must write together the element and the class when you want to select that element with that particulary class. Then you forgot your semi colon after the padding! Fixing that you would get something like this:
ul.contact-info {
font-size: 0.9em;
margin: 0;
padding: 0;
list-style: none;
}
Radu Zurbau
501 PointsThanks a lot guys!
Julian Aramburu
11,368 PointsJulian Aramburu
11,368 PointsAltho he can target ul.class and still would be right.