Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

Posted by Robin Singh
Robin Singh
2,540 Points

Constantly showing Be sure to set the font size to 0.9em

As asked in the given code challenge, I have written in the code the font-size: 0.9em; But still it is showing Bummer! Be sure to set the font size to 0.9em.

What do I Do..?? Please help me.

css/main.css 
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;
  margin: 0;
  padding: 0;
  list-style: none;
}

3 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,692 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,692 Points

Hey Robin,

The problem lies with your selector. Right now you are selecting an unordered list inside of an element with the class of .contact-info. However, the challenge wants you to select an unordered list with the class of `.contact-info. So, you just need to switch your selector to reflect that, and you're good to go.

ul.contact-info

Keep Coding! :) :dizzy:

Robin Singh
Robin Singh
2,540 Points

Thank you so much. I got it.. :)

Steven Parker
Steven Parker
220,415 Points
Steven Parker
Steven Parker
220,415 Points

While you can pass with just the class, this is actually the correct selector for the challenge.

Tushar Singh
PLUS
Tushar Singh
Courses Plus Student 8,692 Points
Tushar Singh
Tushar Singh
Courses Plus Student 8,692 Points

You are targeting the class "contact-info" which is your "ul" element, so there's no need to add ul with your class

.contact-info {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
Robin Singh
Robin Singh
2,540 Points

Thank you so much. I got it.. :)

Erik Krieg
Erik Krieg
43,038 Points
Erik Krieg
Erik Krieg
43,038 Points

You nearly have the correct answer! The problem is your selector .contact-info ul. It is actually looking for an unordered list that has a parent with the class contact-info. What you are actually looking for is an unordered list with that class.

.contact-info { /* you could also write ul.contact-info for this selector if you wanted more specificity */
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.9em;
}
Robin Singh
Robin Singh
2,540 Points

Thank you so much. I got it.. :)