Checkboxes help

Checkboxes help
0

#1

Tell us what’s happening:
Not sure why this isn’t working. I have been stuck here for over an hour could someone give me so direction.

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="personality"><br><input id="personality 1"             type="checkbox" name="personality">Personality 1
      </label>
      
      <label for="personality"><input id="personality 2"         type="checkbox" name="personality">Personality 2
      </label>

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

  </form>
</main>

Your browser information:

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

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


#2

What do the failing tests say?


#3

Do you see the radio button code above?
When you add your checkbox code, make sure it looks almost exactly the same…
So as an illustration, here is one of the lines given to you that shows a radio button being made

<label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>

and here is one of yours making a checkbox

  <label for="personality"><br><input id="personality 1"             type="checkbox" name="personality">Personality 1
      </label>

So you have some unique spacing to fix and also the <br> tag shouldn’t be stuck there (for the challenge purpose, you want to keep your code as vanilla as possible so the tests won’t get confused).


#4

Each of your three checkbox elements should be nested in its own label element.


#5

removing the line break worked I promise I did that lol.
thank you.