Learn CSS Animation by Building a Ferris Wheel - Step 2

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

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

<!-- User Editable Region -->

  <body>
    <div class="wheel">
      <span class="line"></span>
      <span class="line"></span>
      <span class="line"></span>
      <span class="line"></span>
      <span class="line"></span>
      <span class="line"></span>

      <div class="cabin"></div>
      <div class="cabin"></div>
      <div class="cabin"></div>
      <div class="cabin"></div>
      <div class="cabin"></div>
      <div class="cabin"></div>
    <div>
  </body>

<!-- User Editable Region -->

</html>
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/114.0

Challenge: Learn CSS Animation by Building a Ferris Wheel - Step 2

Link to the challenge:

Could you tell me what’s going on? What is your question? If you tell me in more details what’s on we can help you solve the problem :wink:. I checked your code and It should pass the test. I couldn’t find and mistake!

Your code will not pass right now. Take a look at your last div, do you notice anything about it? Are you starting a new div at the bottom, or did you mean to put a closing div tag?