CSS Treehouse Club: CSS My First Web Page Editing an Image Tag

Zachery Sheppard
Zachery Sheppard
1,837 Points

"Check work" function not working

My task was to edit the border radius of the image to be 20% which I'm almost certain I've done correctly because I've done it in the workspace, but when I try to check my work it tells me something went wrong and to try again.

style.css
/***********************************************
Top bar color 
***********************************************/
html {
  border-top: 65px solid #4D7094;
}

/***********************************************
Body styling 
***********************************************/
body {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px 20px;
  font-size: 0.75em;
  line-height: 1.6em;
  font-family: Helvetica Neue, Helvetica, Arial, serif;
  color: #066;
  font-weight: 300;
}

.centered {
  text-align: right;
}

/***********************************************
Image styling 
***********************************************/
img {
  border-radius: 20%;
  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;
}
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>My Name</h1>

    <h2>My Profession</h2>

    <h3>Where I Live</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>

1 Answer

Matthew Long
Matthew Long
28,353 Points

I just copied your code in and it worked for me. Are you sure it is task one that is failing? It looks like you have met it's requirements to me. Task two however wants you to set the max-width to 500px which I don't see that you've done yet.

img {
  border-radius: 20%;
  max-width: 500px;
}

Maybe try a different browser if it still doesn't work? I have had a bit of trouble with Firefox before.

Zachery Sheppard
Zachery Sheppard
1,837 Points

Thanks, it ended up working when I left it for half an hour but it was that task that was failing. Everything else has gone smoothly though