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 Customizing Colors and Fonts Add Fonts

Robert Jackson
Robert Jackson
2,850 Points
Posted by Robert Jackson
Robert Jackson
2,850 Points

Have no clue what am doing wrong on this code challenge

Says to set the size of my h1 font to 1.75em and weight to normal, I type....

h1 { font-family: 'Changa One', sans; font-size: 1.75em; font-weight: normal; }

The same as it is typed in my actual code, have no clue what I am doing wrong.

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Changa+One' rel='stylesheet' type='text/css'
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html" class="selected">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <div id="wrapper">
      <section>
        <ul>
          <li>
            <a href="img/numbers-01.jpg">
              <img src="img/numbers-01.jpg" alt="">
              <p>Experimentation with color and texture.</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-02.jpg">
              <img src="img/numbers-02.jpg" alt="">
              <p>Playing with blending modes in Photoshop.</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-06.jpg">
              <img src="img/numbers-06.jpg" alt="">
              <p>Trying to create an 80's style of glows.</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-09.jpg">
              <img src="img/numbers-09.jpg" alt="">
              <p>Drips created using Photoshop brushes.</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-12.jpg">
              <img src="img/numbers-12.jpg" alt="">
              <p>Creating shapes using repetition.</p>
            </a>
          </li>
        </ul>
      </section>
      <footer>
        <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
        <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
        <p>&copy; 2014 Nick Pettit.</p>
      </footer>
    </div>
  </body>
</html>
css/main.css 
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

#logo {
  text-align: center;
  margin: 0;
}

h1 {
  font-family: 'Changa One', sans-serif;
}


h1, h2 {
  color: #fff;
}

nav a {
  color: #fff;
}

nav a:hover {
  color: #32673f;
}

4 Answers

james south
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
james south
Front End Web Development Techdegree Graduate 33,271 Points
james south
.a{fill-rule:evenodd;}techdegree seal-36
james south
Front End Web Development Techdegree Graduate 33,271 Points

is your html link tag from google exactly what they provided? it has type='text/css' which i think is wrong and there is no closing > . this seems to be the proper tag: <link href="https://fonts.googleapis.com/css?family=Changa+One" rel="stylesheet">

Josué Rodriguez
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Josué Rodriguez
Front End Web Development Techdegree Graduate 24,118 Points
Josué Rodriguez
.a{fill-rule:evenodd;}techdegree seal-36
Josué Rodriguez
Front End Web Development Techdegree Graduate 24,118 Points

After a couple of times testing this here is what I found.

First your link to the google font is missing a closing tag ">"

<link href='http://fonts.googleapis.com/css?family=Changa+One' rel='stylesheet' type='text/css'

This fixes the issue(The code you pasted has a highlight after the error btw).

Second - 

h1 { font-family: 'Changa One', sans; font-size: 1.75em; font-weight: normal; }

Shouldn't that say sans-serif not just sans?

Edit: Yes you got past the first part but it says the 1.75em is wrong because you didn't close the tag for the google font.

Robert Jackson
Robert Jackson
2,850 Points
Robert Jackson
Robert Jackson
2,850 Points

Further down in the css is where I am having the problem, James. Code challenge has me changing the h1 element to Changa One pass that part of the challenge. Next part is to change the font size and weight. Type those changes directly under the Changa, san line under the h1 says I am wrong. Any help would be so greatly appreciated, would love to fix this before bed.

Robert Jackson
Robert Jackson
2,850 Points
Robert Jackson
Robert Jackson
2,850 Points

Thank you all so very, very much. I understand what you both meant now. It is fixed!!!! Thanks again guys!