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 Cypher Aiken
Cypher Aiken
688 Points

set the size of your font to 1.75 and weight to normal....I have?

idk what ive done wrong.

index.html 
<!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>&copy; 2015 cypher aiken. </p>
       </footer>
      </div>
    </body>
</html>
css/main.css 
/*****************
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
Abe Layee
8,378 Points
Abe Layee
Abe Layee
8,378 Points

Here 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
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hi 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 :)