Learn CSS Animation by Building a Ferris Wheel - Step 1

Tell us what’s happening:

My link is within the head element but it just keep saying it is not. I actually skipped to step 2 and compare the code and it is exactly the same, I copied the code and pasted it in step 1 and it is still saying " Your link element should be within your head element".

Your code so far

<!-- file: index.html -->

<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en"></html>
  <head>
    <meta charset="UTF-8">
    <title>Ferris Wheel</title>
    <link rel="stylesheet" href="./styles.css" />
  </head>
  <body></body>

<!-- User Editable Region -->

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.3.1 Safari/605.1.15

Challenge Information:

Learn CSS Animation by Building a Ferris Wheel - Step 1

1 Like

Hello!

The closing html tag needs to be at the bottom of all of the code below the body. Try that and it should work for you.

The html tags nest all of the document code.

5 Likes

I can’t believe that was the problem. Thank you so much!

2 Likes

You are very welcome.

It could happen to any of us.

May your coding path be smooth.

1 Like

The head and body tags are outside the html tag. You close html tag after opening. For fixing ensure that the <head> and <body> sections are within html opening and closing tag. Check the example below:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Ferris Wheel</title>
    <link rel="stylesheet" href="./styles.css" />
  </head>
  <body>
    <!-- Your body content goes here -->
  </body>
</html>

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.