Learn CSS Animation by Building a Ferris Wheel - Step 2

I’m not familiar with using the span element so I’m lost on what I’m supposed to do here. Any help or guidance is appreciated

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>
  <body>
    <div class="wheel">
      <span>line</span>
      <span>line</span>
      <span>line</span>
      <span>line</span>
      <span>line</span>
      <span>line</span>
      <span>cabin</span>
      <span>cabin</span>
      <span>cabin</span>
      <span>cabin</span>
      <span>cabin</span>
      <span>cabin</span>
    </div>
  </body>
</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/106.0.0.0 Safari/537.36

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

Link to the challenge:

Hi! Welcome to the forum!

Here you added the class of wheel to this div.

<div class="wheel"> </div>

The instructions say:

add six span elements with a class set to line

You can add a class to a span element in the same way you add a class to a div element.

Also, lets look at this part of the instructions again:

and six div elements with a class set to cabin .

<span>cabin</span>
      <span>cabin</span>
      <span>cabin</span>
      <span>cabin</span>
      <span>cabin</span>
      <span>cabin</span>

The instructions want these to be div elements, not span elements.

Hope this helps!

I changed the span element to div elements but there’s still an error?

please show the code you are using and tell us what hint you are seeing

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