Please tell me how I can fix my code! it keeps saying three labels need to be nested in its own label...I dont get it!

Tell us what’s happening:

   **Your code so far**

<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="https://freecatphotoapp.com/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>

<laber for = "Loving"><input id= "Loving" type="checkbox" name= Personality"> Loving </label>
<laber for ="Mean"><input id= "Mean"type= "checkbox" name="Personality"> Mean</label>
<laber for = "Sleepy"><input id= "Sleepy" type="checkbox" name="Personality"> Sleepy</label>
 <input type="text" placeholder="cat photo URL" required>
 <button type="submit">Submit</button>
 </form>
</main>
   **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_2_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.82 Safari/537.36.

Challenge: Create a Set of Checkboxes

Link to the challenge:

You basically have the right idea, you just have some “attention to detail” errors.

  • “label” is misspelled in 3 places.
  • One of the label closing tags is lacking a back slash.
  • The value of the name attribute is supposed to be “personality”, not “Personality”.

When I fix those, the code passes for me.

2 Likes

Thank you so much! You saved my life. It was driving me crazy for the whole day. A really good lesson to pay attention to detail! Thanks Kevin!