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 trialKalum Sieber
2,699 Pointsdoesn't work
bummer! be sure to set the font size to 0.9em
ul .contact-info {
font-size: 0.9em;
margin: 0 0;
padding: 0 0;
list-style: none;
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%;
}
1 Answer
Colin Bell
29,679 PointsYou need to select the ul
with a class of .contact-info
, so take out the space between ul
and .contact-info
. Otherwise it's going to target items with a class of .contact-info
that are children of a ul (Like an li
with the contact-info class, for example)
Also, don't forget to close your curly brace at the end.
ul.contact-info {
font-size: 0.9em;
margin: 0 0;
padding: 0 0;
list-style: none;
}
a {
text-decoration: none;
}
Caleb Kleveter
Treehouse Moderator 37,862 PointsColin is correct, the space will mess it up.
Christian Andersson
8,712 PointsI'll also add that the quotation-marks for the font-family are wrong and you can skip the quotes alltogether. This seems to be a Treehouse issue, but it might be good to know anyway :)
font-family: Changa One, sans-serif;
Colin Bell
29,679 PointsYou don't want to skip the quotes entirely since it's two words. The quotes being used are curly quotes instead of straight quotes, which is why they show up as invalid. While some fonts may work without the quotes, it's best practice to wrap any font-family names that contain white space with quotes.
Kalum Sieber
2,699 PointsKalum Sieber
2,699 PointsCode example has missing curly brace. That's not the problem though. Any help is appreciated.