Create a Set of Checkboxes 2.0

Create a Set of Checkboxes 2.0
0.0 0

#1

Tell us what’s happening:
So I am trying to Create a Set of checkboxes. It keeps saying that each of my three checkbox elements should be in its own label element. But each of my three checkbox elements is in its own label element. Can you tell me what I’m doing wrong? Thanks!

Your code so far

<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;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></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><input type="checkbox" name="personality"><input type="checkbox" name="personality">Indoor</label>
  <label><input type="checkbox" name="personality"><input type="checkbox" name="personality">Outdoor</label>
  <label><input type="checkbox" name="personality"><input type="checkbox" name="personality"></label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>








Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/601.7.7 (KHTML, like Gecko) Version/9.1.2 Safari/601.7.7.

Link to the challenge:


#2

You have two <input> elements in each <label>. There should only be one.


#3

Thanks for your feedback! Much appreciated!