Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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 27,696 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!