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 trialCypher Aiken
688 Pointsset the size of your font to 1.75 and weight to normal....I have?
idk what ive done wrong.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>cyphertittittyyy | ragdollfuckboy</title>
<link rel="stylesheet" href="css/normalize.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,800italic,800,400' rel="stylesheet" type='text/css'>
<link rel+"stylesheet" href="css/main.css">
</head>
<body>
<header>
<a href="index.html"id="logo">
<h1>cypherdicksucker</h1>
<h2>pornoman</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/1.pdn">
<img src="img/1.pdn" alt="">
<p> Experimentation with color and texture.</p>
</a>
</li>
<li>
<a href="img/2.png">
<img src="img/2.png" alt="">
<p> Experimentation with color and texture.</p>
</a>
</li><li>
<a href="img/3.jpg">
<img src="img/3.jpg" alt="">
<p> Experimentation with color and texture.</p>
</a>
</li><li>
<a href="img/5.png">
<img src="img/5.png" alt="">
<p> Experimentation with color and texture.</p>
</a>
</li><li>
<a href="img/4.jpg">
<img src="img/4.jpg" alt="">
<p> Experimentation with color and texture.</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>© 2015 cypher aiken. </p>
</footer>
</div>
</body>
</html>
/*****************
GENERAL
******************/
body {
font-family: 'Open Sans', sans-serif;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
padding: 0 5%;
}
a {
text-decoration: none;
}
/*****************
HEADING
******************/
#logo {
text-align: center;
margin: 0;
}
h1 { font-family: 'Changa One', sans-serif;
margin: 15px 0;
font-size: 1.75em;
font-weight:100 normal;
line-height: 0.8em;
}
h2 { font-size: 0.75em;
margin: -5pc 0 0;
font-weight: normal;
}
/* links */
a {
color: #6ab47b:
}
/*****************
NAVIGATION
******************/
nav { text-align: center;
padding: 10xp 0;
margin: 20px 0 0;
}
/**************
FOOTER
***************/
footer { font-size: 0.75;
text-align: center;
padding top: 50xp;
color: #ccc;
}
/****************
COLORS
*****************/
/* green header */
Header {
background: #6ab47b
border-color:88a59;
}
/* logo text */
h1, h2 {
color: #a35;
}
/* nav backround on mobile */
nav {
background: #599ab8;
}
/* nav link */
nav a, nav a:visited {
color: #aaa
}
/* selected nav link */
nav a.slected, nav a:hover {
color: #32673f;
}
/* site body */
body {
background-color: #fff;
color: #999;
}
p {
color: #000;
}
2 Answers
Abe Layee
8,378 PointsHere are few bugs I found in your code one is rel and alt tag.
<link rel+"stylesheet" href="css/main.css"> // incorrect way we use = not +
<link rel ="stylesheet" href="css/main.css">//correct way.
<img src="img/facebook-wrap.png" alt "Facebook Logo"></a> // also forgot the equal sign =
<img src="img/facebook-wrap.png" alt="Facebook Logo"></a>// correct way
nav a, nav a:visited { //you're calling nav a twice
color: #aaa;
}
nav a:visited { //right way
color: #aaa;
}
Jason Anders
Treehouse Moderator 145,860 PointsHi Cypher, Aside from what Abraham said... When you're setting the font weight, you want only one value (either numeric or key-word). So...
h1 {
font-weight: normal;
}
/* or */
h1 {
font-weight: 100;
}
Hope that helps & keep coding. Jason :)