Learn CSS Animation by Building a Ferris Wheel - Step 2

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
It says to create 6 of each. Ive tried listing the 6 class line div elements first then the 6 class cabin div elements THEN tried them like shown and it says they are both wrong. I went to the next section to see how it was supposed to be completed and that is exactly what I wrote making several attempts and I don’t see what the issue could be with my syntax. Please help. Thank you.
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="cabin"></span>
      <span class="line"></span>
      <span class="cabin"></span>
      <span class="line"></span>
      <span class="cabin"></span>
      <span class="line"></span>
      <span class="cabin"></span>
      <span class="line"></span>
      <span class="cabin"></span>
      <span class="line"></span>
      <span class="cabin"></span>
    </div>
  </body>

<!-- User Editable Region -->

</html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hello there and welcome to the forum!

You haven’t quite followed the instructions correctly:

Inside your new div, add six span elements with a class set to line, and six div elements with a class set to cabin.

You have added 12 span elements. Also, you should add all of the class="line" elements, followed by all of the class="cabin" elements.

You say you did it correctly originally? Try recreating the code as instructed and then show us it, if it still doesn’t work.