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

Rohit Agarwal
Rohit Agarwal
1,046 Points

I don't see it working

I don't know why this thing is not working. <img src="sam.jpg" alt="sam">

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

    <h2>Student</h2>

    <h3>Delhi</h3>

    <h4>Learn coding</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;
}

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Rohit Agarwal Your code looks fine. I'm wondering if your picture is in the correct place in your directory structure. Make sure it's at the same level as your index.html. Also, make sure to check the basics. Make sure the picture is actually named sam.jpg and not SAM.jpg or Sam.jpg. Capitalization matters here. And of course make sure you're saving your files and refreshing the webpage.

If you look on the upper right hand side of your workspace you'll find a camera icon. This will allow you to create a snapshot of your workspace to link to us in case any of these suggestions didn't work. :thumbsup:

Rohit Agarwal
Rohit Agarwal
1,046 Points

It worked, Thanks alot.T