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 trialPiotr Skutnik
Front End Web Development Techdegree Student 11,712 Pointsi'm being asked to set the "font-size to 0.9em", .contact-info ul { font-size: 0.9em; margin: 0; padding: 0;
my font-size is wrong?
.contact-info ul { font-size: 0.9em; margin: 0; padding: 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%;
}
.contact-info ul {
font-size: 0.9em;
margin: 0;
padding: 0;
list-style: none;
}
1 Answer
Jennifer Nordell
Treehouse TeacherFirst of all, you're doing great! This particular challenge has stumped many, I promise you! You're selecting the contact-info class and then the ul inside of that. And while it's only a subtle difference, it wants you to select the ul with the class contact-info. For instance, you may have a div with the class contact-info and then want to display every ul inside there with this code. That's what your code does. But they have a ul with the class contact-info, and that's the code you should be writing for. Take a look and see if you can see what I mean:
ul.contact-info {
font-size: 0.9em;
margin: 0;
padding: 0;
list-style: none;
}
This will select the ul with the class contact-info. As opposed to selecting unordered lists inside of something else that has a class of contact-info. Hope this helps!
Piotr Skutnik
Front End Web Development Techdegree Student 11,712 PointsPiotr Skutnik
Front End Web Development Techdegree Student 11,712 PointsThank you!