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 vitalijsrozenbergs
vitalijsrozenbergs
5,109 Points

error in font-size

Hi all the time i getting error in this code. Its saying "be sure to set the font-size to 0.9em"

.contact-info ul {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
Mohammed Asif Anwar
Mohammed Asif Anwar
5,380 Points
Mohammed Asif Anwar
Mohammed Asif Anwar
5,380 Points

hi i dont know what i am doing wrong here,

.contact-info ul{ font-size: 0.9em; margin: 0 auto; padding: 0; list-style: none; } it is keep saying Be sure to set the font size to 0.9em.

6 Answers

vitalijsrozenbergs
vitalijsrozenbergs
5,109 Points
vitalijsrozenbergs
vitalijsrozenbergs
5,109 Points

Thank You very much. It worked for me as well.

Max Reinsch
Max Reinsch
5,740 Points

Happy to help mate.

Could you select whichever answer was most helpful (should be a visible button next to each comment)?

Good luck with your learning. =)

vitalijsrozenbergs
vitalijsrozenbergs
5,109 Points
vitalijsrozenbergs
vitalijsrozenbergs
5,109 Points

WEB DESIGN ------->Stage 7 --------> Adding Pages to a Website. After a video is code challenge...

Max Reinsch
Max Reinsch
5,740 Points

ul.contact-info { font-size:0.9em; margin:0; padding:0; list-style:none; }

^ Works for me. You were very close, just slightly off with the order.

It certainly takes some getting used to.

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

ul.contact-info in English means find a <ul> with a class of contact-info

Whereas .contact-info ul means find an element with a class of contact-info then find a <ul> that is it's descendant.

vitalijsrozenbergs
vitalijsrozenbergs
5,109 Points
vitalijsrozenbergs
vitalijsrozenbergs
5,109 Points

This is a task --->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. And this is my code -----> .contact-info ul { font-size: 0.9em; margin: 0; padding: 0; list-style: none; }

Max Reinsch
Max Reinsch
5,740 Points

Try this - .contact-info ul { font-size: 0.9em; margin: 0 auto; padding: 0; list-style: none; }

Max Reinsch
Max Reinsch
5,740 Points
Max Reinsch
Max Reinsch
5,740 Points

Can you reference the question?

vitalijsrozenbergs
vitalijsrozenbergs
5,109 Points
vitalijsrozenbergs
vitalijsrozenbergs
5,109 Points

It,s not working, still the same error "Be sure to set the font size to 0.9em"

Max Reinsch
Max Reinsch
5,740 Points

What is the video? I'll try it out myself.

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Max Reinsch -

> What is the video? I'll try it out myself.

Look under the related content section in the righthand sidebar for a link to the code challenge.

Julio César Escobar Arellano
Julio César Escobar Arellano
1,007 Points
Julio César Escobar Arellano
Julio César Escobar Arellano
1,007 Points

Try this, since the class contac-info is part of the unordered list:

.contact-info { font-size: 0.9em; margin: 0; padding: 0; list-style: none; }