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

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,858 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,858 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
229,644 Points
Steven Parker
Steven Parker
229,644 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.. :)

eck
eck
43,038 Points
eck
eck
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.. :)