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

Priscilla Akila
Priscilla Akila
2,090 Points

in the image tag,change my picture,joy.jpg. to sam you will also to change all attribute to sam, instead of joy

i did it correctly but the system says i was wrong

index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>All About sam'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>priscilla</h1>

    <h2>Vision Realization Specialist</h2>

    <h3>Kaduna, Nigeria</h3>

    <h4>What I do:</h4>
       <p>i am a vision realization specialist with AboCoders</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;
}

1 Answer

Ryan Groom
Ryan Groom
17,182 Points

Priscilla Akila Sometimes TreeHouse can be very picky. Since "Sam" is a name, they want you to use a capital "S" in "Sam" in your alt tag. Sometimes the directions can be very specific. The image src should remain "sam" with a lowercase however because that's the name of the image file that they want you to reference.

Hope this helps!