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

<img src="Sam.jpg" alt="Sam"> I typed this and I am marked wrong in CSS challenge Task 3 of 3. Please help

hi, I am a beginner and I am at CSS challenge task 3 of 3. task is to change img pic joy.jpg to sam.jpg.and change alt attribute to Sam instead of Joy,this is what I typed in and I am marked wrong.Which made it wrong? <body> <img src="Sam.jpg" alt="Sam">

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

    <h2>Foodie</h2>

    <h3>Costa Mesa</h3>

    <h4>What I do:</h4>
       <p>I'm a self professed foodie. Love exploring new and different cuisines and educating my palate</p>

    <h4>What I enjoy doing:</h4>  
      <p>I enjoy going to the beach and love going to nature trips.Addicted to green tea matcha and a latte lover.</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

Rich Donnellan
MOD
Rich Donnellan
Treehouse Moderator 25,634 Points

Hey maricor,

Case counts! The Bummer message also explicitly tells you what you need to do:

The 'src' attribute of the <img> element needs to be set to "sam.jpg"! Set it like this: <img src="sam.jpg">

Thank you!

Mirza Sisic
Mirza Sisic
1,467 Points

Just change the uppercase letters to lower case and you'll be fine.

Thank you!