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 Edwin Chau
Edwin Chau
Courses Plus Student 5,702 Points

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

Edwin Chau
Edwin Chau
Courses Plus Student 5,702 Points

got it..Thanks

Rich Bagley
Rich Bagley
25,869 Points
Rich Bagley
Rich Bagley
25,869 Points

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

Edwin Chau
Edwin Chau
Courses Plus Student 5,702 Points

got it...Thanks!!

Rich Bagley
Rich Bagley
25,869 Points

No problem. Happy to help :)

Erik McClintock
Erik McClintock
45,783 Points
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

Edwin Chau
Edwin Chau
Courses Plus Student 5,702 Points

Thank you,