Trouble with making a web page. What am I doing wrong?


#1

I keep clicking submit and it tells me to make the background size "cover". I thought that was what I had on the screen. Does anyone have any ideas or this same issue? I am on the Background Check portion of the tutorial.
Thanks in advance. Very new to coding...

<!DOCTYPE html> 
<head>
<style> 
body { 
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    text-align: center;
    background: url("https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/splash.jpg");
      color: white;
      font-family: Helvetica; 
    } 
</style>
</head>

   <body>
<!-- I'm a comment. You won't actually see me on the web page.
     You should write your header in the line below me! -->
 <img src="https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/avatar.jpg" height="250" width="250">  My name</h>
     <p> Hello! I am learning how to make my very own web page! I really like spaghetti, mysteries, and reading. </p>
     
<input type="email" placeholder="Your Email">
<input type="submit">
</body>
</head>

#2

This will help explain what the problem is and how to fix it:

Also, on your very last line, you have a stray </head> tag. You should remove that.


#3

I see your problem.... you need to put the background URL before the background cover. It should look like this:

body {
text-align: center;
background: url("https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/splash.jpg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
color: black;
font-family: Helvetica;
}

I hope this is helpful! :wink: