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

change font-size on contact info

I am trying take the code challenge to change font size to 0.9em. It doesn't work. Did my coding wrong?

Thanks

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;
  padding: 0;
  list-style: none;

3 Answers

Kumar Gaurav
Kumar Gaurav
3,005 Points

HI Edwin,

Just add a semi-colon( ; ) after 0.9em. So It should look like - font-size: 0.9em;

got it..Thanks

Hi Edwin,

You look to be missing a semi colon at the end of this line:

font-size: 0.9em

so it would become:

font-size: 0.9em;

You also look to be missing a closing curly bracket for this style:

ul.contact-info{

so the style becomes:

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

Hope that helps

-Rich

got it...Thanks!!

No problem. Happy to help :)

Erik McClintock
Erik McClintock
45,783 Points

Edwin,

Looks like you've got some syntax errors.

You are missing the closing semi-colon after your font-size declaration, and you need your closing curly brace around the ul.contact-info block, as follows:

ul.contact-info {
    font-size: 0.9em;
    /*other properties here*/
}

Erik

Thank you,