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 trialManuel Mercado
2,170 PointsThe quiz is telling me to resize the font-size to 0.9em, I do it, but it still tell me that i'm missing it.
.contact-info ul { list-style: none; margin: 0; padding: 0; font-size: 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 {
list-style: none;
margin: 0;
padding: 0;
font-size: 0.9em;
3 Answers
John Baulig
9,180 PointsManuel,
Your code looks good except for a little detail: the selector. Try the code below:
ul.contact-info {
font-size: 0.9em;
margin: 0;
padding: 0;
list-style-type: none;
}
Manuel Mercado
2,170 PointsWell that work...but that was not the way the video showed me to use the selector: .contact-info ul {}
now they want me to select the links inside the lists and display block them. Do i: .contact-info ul a { display: block; }
confused
John Baulig
9,180 PointsI have not seen that video - it may need to be reported as an error!
It is my understanding that in css the class is in dot notation [the link below may help]
http://www.w3schools.com/cssref/sel_class.asp
for part two, try this code: [same principle with the class syntax in the selector]
ul.contact-info a {
display: block;
}
Hope that helps!!
Manuel Mercado
2,170 Pointsi tried it and it did not fix it. but then i tried it the "normal" way and there it went. PASSED. Weird.
Thanks for the link! will take a look after this.
Corey Kamberalis
1,840 PointsCorey Kamberalis
1,840 PointsIt's probably telling you to change it in the h1 not the .contact-info