CSS Treehouse Club: CSS My First Web Page Changing Your HTML

shane sinden
shane sinden
1,670 Points

Changing the "joy.jpg" to "sam.jpg"....I am typing it in exactly as you specify, I do not understand what is wrong.

Just began working on the index.html and I cannot understand what I am doing wrong. I have input it exactly as is demonstrated. please help I do not want to be hung up on this, thank you.

index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>All About Joy's Page</title>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel="stylesheet" type="text/css">
    <link href="style.css" rel="stylesheet">
  </head>   
  <body> 
    <img src="sam.jpg" alt="sam">

    <h1>shane</h1>

    <h2>No real profession....yet</h2>

    <h3>Hazel shit Park, Michigan</h3>

    <h4>What I do:</h4>
       <p>I'm a teacher at Treehouse, but you should write in what you do here!</p>

    <h4>What I enjoy doing:</h4>  
      <p>When I'm not writing code, I like to surf and play music. Your turn, write in something that makes you happy, or things you like to do in your free time.</p>

  </body>
</html>
style.css
/***********************************************
Top bar color 
***********************************************/
html {
  border-top: 20px solid #8A85A5;
}

/***********************************************
Body styling 
***********************************************/
body {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px 20px;
  font-size: 1.3em;
  line-height: 1.6em;
  font-family: Helvetica Neue, Helvetica, Arial, serif;
  color: #777;
  font-weight: 300;
}

.centered {
  text-align: right;
}

/***********************************************
Image styling 
***********************************************/
img {
  border-radius: 100%;
  max-width: 340px;
}

/***********************************************
Headline styling 
***********************************************/
h1 {
  font-size: 1.5em;
  line-height: .5em;
  color: #564581;
}

h2 {
  font-size: 1em;
  line-height: 1em;
  font-style: oblique;
  color: #aaa;
}

h3 {
  font-size: .875em;
  line-height: 1em;
  font-weight: normal;
}

h4 {
  margin-top: 60px;
  font-weight: 500;
  color: #564581;
}

2 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 143,922 Points

Hey Shane,

In the alt tag, you have "sam" with a lower-case 's', but the challenge is asking for "Sam" with an upper-case "S". Just change that and you're good to go.

Challenges are very specific in what they check for, so capitalization, punctuation and spelling to match the instructions needs to be exact, or the task will fail.

Keep Coding! :) :dizzy:

Had the same problem, thanks Jason!