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 trialDavid Klaphaak
12,924 Pointsjust 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; }
<!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>© 2014 Nick Pettit.</p>
</footer>
</div>
</body>
</html>
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
29,679 PointsYour 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
21,811 PointsIt 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
12,924 PointsOddly, 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.