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 trialAaron HARPT
19,845 PointsCode challenge question
I am wondering what is wrong with my code. It says that I did font-size 0.9em wrong on the ul .contact-info element. All help would be appreciated.
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 {
margin: none;
padding: none;
list-style: none;
font-size: 0.9em;
}
3 Answers
Ken Alger
Treehouse TeacherAaron;
Welcome to Treehouse!
Task 1
You have a few errors in your CSS.
ul.contact-info {
font-size: 0.9em;
margin: 0;
padding: 0;
list-style: none;
}
Ken
Kelly von Borstel
28,880 PointsThere shouldn't be space between ul and .contact-info. Also, margin and padding set to 0 rather than none.
ul.contact-info {
font-size: 0.9em;
margin: 0;
padding: 0;
list-style: none;
}
Ben Dietrich
8,287 PointsAaron,
I think the issue is with your selector. You assigned the class contact-info to the ul in question so using the selector ul .contact-info is redundant. All you would need to do in this case is use the class name. You can drop the leading ul.
It would look like this....
.contact-info {
list-style: none;
padding: 0;
margin: 0;
font-size: 0.9em;
}
I hope that helps! Let me know if you encounter any other issues. :)