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

im typing in sam as shown and it keeps being wrong i dont udnerstand what im doing wrong

if anyone can help with this please let me know thanks in advance

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>Santi</h1>

    <h2>looking cute</h2>

    <h3>yo mamas house</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;
}

3 Answers

Daniel Gauthier
Daniel Gauthier
14,998 Points

Hey Santiago,

The code you're looking for is:

You were capitalizing the file name, which is actually supposed to be all lowercase.

<img src="sam.jpg" alt="Sam">

Good luck!

Jennifer Branch
Jennifer Branch
1,115 Points

Same here. Mine is lower case. I click preview and shows her pic still. Im on PC. She said click save which I did and she didn't do. Hers looks way different.

Daniel Gauthier
Daniel Gauthier
14,998 Points

Hey Jennifer,

I just ran through the code challenge to test this out.

In the third stage, after I changed the image tag to:

<img src="sam.jpg" alt="Sam">

I clicked the preview and it took a second to change, but it did change to the sam.jpg image. If you're still having an issue just post your code and I'll check it out. (The instructions for posting code into the forums are in the "Markdown Cheatsheet" located above the "Post Answer" button whenever you post an answer or comment.

This is the code I used to pass all three stages:

<!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>KAS</h1>

    <h2>Web Developer</h2>

    <h3>Right Here</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>

Good luck with the project!

Jennifer Branch
Jennifer Branch
1,115 Points

I got it to work. Thank you for your help!