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 J V
J V
5,519 Points

how to set font size?

my objective is to set a font size to 0.9em. i did so like this: "font-size: 0.9em;" obviously the quotes are not part of the code, but this wont pass and i dont understand why because this is how ive been showed and have been doing it.

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%;
}

ul .contact-info {
  font-size: 0.9em;
  margin: 0 0 0;
  padding: 0%;
  list-style: none;
}
Ta Tien Dat
Ta Tien Dat
1,139 Points
Ta Tien Dat
Ta Tien Dat
1,139 Points

Which elements ? Try ul li {font-size: 0.9em;}. You can also use .9em without a zero. It works!

2 Answers

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

Hey there...

You've pretty much got it. You just need to remove the space between ul and .contact-info.

ul.contact-info

:)

J V
J V
5,519 Points

thanks bro

Tobias Helmrich
Tobias Helmrich
31,603 Points
Tobias Helmrich
Tobias Helmrich
31,603 Points

Hey,

you're experiencing this problem because you're selecting an element with the class of .contact-info inside of the unordered list instead of the list with this class.

You can either write it like this and just select the .contact-info class

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

or you can additionally write the ul in front of the class but without a space.

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

I hope you can get it working like this, good luck! :)

Tobias Helmrich
Tobias Helmrich
31,603 Points
Tobias Helmrich
Tobias Helmrich
31,603 Points

Oops, too slow! Jason already gave you the answer as well! :)