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

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

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.

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!"

Posted Solution in new comment above.

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

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

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

I guess it might be a little unclear, but the key is when it says " Select the unordered list, with the class contact-info"...

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