Create a Set of Checkboxes - Not finding the mistake

HTML-CSS
1

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="/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>
 
 <label for="happy">
   <input id="happy" type="checkbox" name="personality"> happy
 </<label>

 <label for="sad"> 
   <input id="sad" type="checkbox" name="personality"> sad
 </<label>

 <label for="grumpy"> 
   <input id="grumpy" type="checkbox" name="personality"> grumpy
 </<label>

  </form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes

2

Somehow, it became easier for me to see the following mistake here, at the forum, than at the freeCodeCamp code window. :slight_smile:

Thanks
Augusto

3

If you like you can copy-paste your code into a colorful text editor like Sublime Text. It highlights the tags and makes it easier for you to spot any syntax errors.

On the contrary tho it might be good practise for a beginner to try and spot the coding errors without using color-coded text editors…

1 Like
4

Thanks for the suggestion. I am using now Brackets. It seems to help quite a lot as well.