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 trialMadhavi Gundala
887 PointsSelect the unordered list with the class contact-info and set the font size to 0.9em. I'm not sure it give me error
code: .contact-info ul { font-size: 0.9em; }
It is asking me to set font to 0.9em
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;
}
4 Answers
Till Kuhnle
12,481 PointsIs there a tab in the test to the html document? Maybe you need to assign the class also in the html document.
Madhavi Gundala
887 Pointsi'm not sure, i'll check that part. TY Till Kuhnle!!
Aaron Loften
12,864 PointsTry the following...
ul.contact-info {
font-size: 0.9em;
}
Aaron Loften
12,864 PointsIt looks like you were targeting children unordered lists but only if they are children to the contact-info class. I think you meant to say unordered lists that had the class contact-info.
Madhavi Gundala
887 PointsI figured out the problem. The code below worked - .contact-info ul { font-size: 0.9em; }
Previously I got confused reading statement unordered list with class contact-info. So, I was writing selector as .contact-info ul {} which gave me error.