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

it hates me!

I have tried each solution given but it still asks for the font-size to be set to 0.9em.

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.contact-info{
  font-size: 0.9em;
  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%;
}

3 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points

Thanks for linking like this, it makes it much easier to explain.

Like I said, you are targeting the wrong thing. Refresh the challenge, so the preloaded code is restored to what it should be, and then at the bottom, just add the selector and styles for .contact-info. Don't change any of the preloaded code.

The added coded will look like this:

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

:)

oooohhhh "at the bottom" of the page.? NOT right after the nav ul. got it thanks.

Jason, you are "THE MAN!", it finally worked. i just needed to know where to put the code so you saying "at the bottom" fixed it. so it doesn't hate me now. thanks