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 trialavihai orel
762 Points0.9em
All my code is right on ... still getting an error saying that I have to be sure to set the font-size to 0.9em!
So annoying that I'm stuck here.
7 Answers
Veronica Rivera
32,599 PointsActually I found the answer in this thread
https://teamtreehouse.com/forum/css-code-challenge-2
You need to do this
ul.contact-info
not
.contact-info ul
Review the video and it will explain why much better than I can explain.
Veronica Rivera
32,599 PointsSame issue. I think there is a bug. You cannot see the html because when you click on it there is an error, so I won't post that here. Here is my css.
Instructions: Select the unordered list with the class contact-info and set the font size to 0.9em. Then, remove all margin, padding, and list styling.
''' .contact-info ul { font-size: 0.9em ; list-style: none ; margin: 0 ; padding: 0 ; }
'''
Result: Bummer! Be sure to set the font size to 0.9em.
My response: "Well obviously it is set to 0.9em you "insert curse word here!"
Veronica Rivera
32,599 PointsPosted Solution in new comment above.
Paul Neumyer
15,301 PointsIt might be because you have a space after the "em" part and before the semicolon.
Paul Neumyer
15,301 PointsNo, it works fine for me.
You have to use the selector:
.contact-info{
margin: 0;
padding: 0;
font-size: 0.9em;
list-style: none;
}
Wayne Priestley
19,579 PointsCan you post your code?
Paul Neumyer
15,301 PointsJust tried it again,and it worked. Here is my whole code:
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;
}
.contact-info{
margin: 0;
padding: 0;
font-size: 0.9em;
list-style: none;
}
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%;
}
Paul Neumyer
15,301 PointsI guess it might be a little unclear, but the key is when it says " Select the unordered list, with the class contact-info"...
avihai orel
762 PointsThank you all for replying :-)
My code was OK, I had to reclick the check button until it got it. I don't know why, I guess a minor bug. I've been coding for years now and I know that I got it right ;-)