Checkbox Label Challenge

Checkbox Label Challenge
0.0 0

#1
<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>
  
  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
  
  <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>
  <form action="/submit-cat-photo">
    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>

  </form>
<label>
    <input type="checkbox" name="personality"> Loving<br>
</label>
<label>
    <input type="checkbox" name="personality"> Indoor<br>
</label>
<label>
    <input type="checkbox" name="personality"> Final<br>
</label>
</main>

Please what am I doing wrong? It keeps telling me to nest all my checkboxes in their own labels which I think I have done. Please helpstrong text


#2

You have a couple mistakes here.

  1. In input elements/labels belong inside the form element.

  2. You must use the for attribute in the label element’s opening tag to reference an unique id attribute (which you must create for each checkbox).