Passo 3

Instruções

Crie um seletor para o elemento .wheel. Comece definindo a border para 2px solid black, o border-radius para 50% e a margin-left para 50px.

O que fazer:

Testes:

Você deve ter um seletor `.wheel`.
O seletor `.wheel` deve ter a propriedade `border` definida para `2px solid black`.
O seletor `.wheel` deve ter a propriedade `border-radius` definida para `50%`.
O seletor `.wheel` deve ter a propriedade `margin-left` definida para `50px`.

<!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 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>
</html>

Preview