Adicionar margem com o seletor 'type'

Estou com dificuldade em adicionar as margens com o seletor type!
Quando executo o código na plataforma aparece a seguinte mensagem…

“As margens superiores das caixas de seleção devem ser de 10 px.
As margens inferiores das caixas de seleção devem ter 15 px.”

Qual desafio e por favor nos mostre seu código?

O type seletor de atributo deve ser usado para selecionar as caixas de seleção.

As margens superiores das caixas de seleção devem ser de 10 px.

As margens inferiores das caixas de seleção devem ter 15 px.

MEU CÓDIGO:

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, monospace;
  }

  p {
    font-size: 16px;
    font-family: monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }

  .silver-background {
    background-color: silver;
  }
  [type='checkbox'] {
   margin:10px 10px 15px 0px;
  }
  [type='checkbox'] {
   margin:10px 0px 15px 0px;
  }
</style>

<h2 type="checkbox" class="red-text" >CatPhotoApp</h2>
<main>
  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

  <div class="silver-background">
    <p>Things cats love:</p>
    <ul>
      <li>cat nip</li>
      <li>laser pointers</li>
      <li>lasagna</li>
    </ul>
    <p>Top 3 things cats hate:</p>
    <ol>
      <li>flea treatment</li>
      <li>thunder</li>
      <li>other cats</li>
    </ol>
  </div>

  <form action="https://freecatphotoapp.com/submit-cat-photo" type="checkbox"id="cat-photo-form">
    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <label><input type="checkbox" name="personality" checked> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

Hi @taynarasilvarocha568 !

Can you provide a link to the challenge you are working on?

oi, segue o link:

You will need to reset your code.

You don’t need to have two of these.
Delete this one.

Keep this one.

Leave everything else alone.

Make sense?

fiz isso mas continuar informando que as margens não estão corretas.

Can I see your updated code?

You’ve also added some type="checkbox" in a few places where it shouldn’t be, on an h2 and on a form. When I (based on your original post) remove those and do what Jessica said, the code passes for me. You could also reset your code and start fresh and make the one CSS change.

1 Like

Yeah I should have been clearer here.

I asked you to reset the code because you don’t need to touch any of the html.

Funcionou agora, muito obrigada! :blush:

2 Likes

@jwilkins.oboe I swear I keep seeing you all over the forum, you seem pretty helpful. I just started yesterday and I don’t know where to start. Do you have any advice or places i can go to get started. Thanks

Well, I do pop in a lot and I like helping people. As far as where to start, I don’t want to hijack this thread, but just do the FCC program (or something similar) and stick with it to the end. When you get stuck, google things and ask questions. There are plenty of people here to help if you get stuck. Once you get through the program, just keep building things and learning. If you search the forum, you will find many people asking for the same advice.

1 Like

Hi @gigs10117 !

Welcome to the forum!

Here is the link to get started with the FCC curriculum :grinning:

If you have any more questions, then you can open up a new topic and we can assist you there

1 Like

@jwilkins.oboe @kevinSmith Thank you guys soo much!!! ill ask if i need help.

1 Like