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

Posted by David Klaphaak
David Klaphaak
12,924 Points

just used the correct code to set the font-size and weight in the challenge questions but it isn't accepting it

used this in the challenge h1 { font-family: 'PT Sans', sans-serif; font-size: 1.75em; font-weight: normal; }

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=PT+Sans:400,700&subset=latin,cyrillic-ext,latin-ext,cyrillic' 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, h2 {
  color: #fff;
}

h1 {
  font-family: 'PT Sans', sans-serif;
  font-size: 1.75em;
  font-weight: normal;
}

nav a {
  color: #fff;
}

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

3 Answers

Colin Bell
Colin Bell
29,679 Points
Colin Bell
Colin Bell
29,679 Points

Your problem is actually in your html file. It shouldn't have let you pass the first challenge. You didn't close the quote or the angle bracket on your css/normalize.css link. I'm guessing when you pasted the font link, you accidentally highlighted those two things by accident and overwrote them.

    <link rel="stylesheet" href="css/normalize.css <!-- add closing stuff here -->
    <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css'>                             
    <link rel="stylesheet" href="css/main.css">
Jason Desiderio
Jason Desiderio
21,811 Points
Jason Desiderio
Jason Desiderio
21,811 Points

It looks like the error is coming from the link tags in your html. The link tag that is attaching normalize.css is missing the end characters <link rel="stylesheet" href="css/normalize.css

It should look like this:

<link rel="stylesheet" href="css/normalize.css">
David Klaphaak
David Klaphaak
12,924 Points
David Klaphaak
David Klaphaak
12,924 Points

Oddly, that's true in my private code, but not in the code on the challenge/quiz... I reloaded the quiz and did it all again from the beginning and had no more problems. oh well...

Thanks for your help.