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 trial

CSS How to Make a Website Adding Pages to a Website Add and Style Icons

Posted by avihai orel
avihai orel
762 Points

0.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
Veronica Rivera
32,599 Points
Veronica Rivera
Veronica Rivera
32,599 Points

Actually 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
Veronica Rivera
32,599 Points
Veronica Rivera
Veronica Rivera
32,599 Points

Same 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
Veronica Rivera
32,599 Points

Posted Solution in new comment above.

Paul Neumyer
Paul Neumyer
15,301 Points
Paul Neumyer
Paul Neumyer
15,301 Points

It might be because you have a space after the "em" part and before the semicolon.

Paul Neumyer
Paul Neumyer
15,301 Points
Paul Neumyer
Paul Neumyer
15,301 Points

No, it works fine for me.

You have to use the selector: 

.contact-info{
margin: 0;
padding: 0;
font-size: 0.9em;
list-style: none;
}
Paul Neumyer
Paul Neumyer
15,301 Points
Paul Neumyer
Paul Neumyer
15,301 Points

Just 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
Paul Neumyer
15,301 Points
Paul Neumyer
Paul Neumyer
15,301 Points

I 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
avihai orel
762 Points
avihai orel
avihai orel
762 Points

Thank 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 ;-)