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

Natalie Nohel
Natalie Nohel
4,422 Points
Posted by Natalie Nohel
Natalie Nohel
4,422 Points

Why isn't this code working?

I am unclear as to why this code is not working. The challenge has asked that the font-size be changed to 0.9em which I am certain I have done.

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 {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

3 Answers

Geovanie Alvarez
Geovanie Alvarez
21,500 Points
Geovanie Alvarez
Geovanie Alvarez
21,500 Points

contact-info is a class not a id

try this

.contact-info { /* <-------- the (#) change it (.) */
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
Connor Sage
Connor Sage
9,577 Points
Connor Sage
Connor Sage
9,577 Points

Hey dude! I think it's your nav a element. Try adding the pixels to the end and see if it works.

nav a { font-weight: 800px; padding: 15px 10px; }

Natalie Nohel
Natalie Nohel
4,422 Points
Natalie Nohel
Natalie Nohel
4,422 Points

Thank you so much! It is always a silly error isn't it? I have no idea why I did that but I am so grateful that some fresh eyes were there to help me out. Thanks again!!