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

changing image

current <img src="joy.jpg" alt="Joy"> it says to change it to, sam.jpeg and also update alt when i do it says, its wrong. this is what i changed it to <img src="sam.jpg" alt="sam">

but when i just copy past the suggestion it works ? am i doing something wrong?

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="joy.jpg" alt="Joy">

    <h1>alex</h1>

    <h2>sales consultent</h2>

    <h3>oregon</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

Steven Parker
Steven Parker
203,990 Points

The code you posted above still has the original IMG tag with joy.jpg, so it doesn't show what you entered that did not work.

But taking a wild guess, I would point out that JavaScript is case-sensitive, and so is the challenge checker, so if you accidentally substituted lower case for upper case, or vice-versa, it would not work in the code or pass the challenge.

thank you for your help!! you are right. the reason why it did not pass was because i did not upper case the S in sam <img src="sam.jpg" alt="Sam"> thanks agin.