Checkbox value cant be submitted

Hello dear,
I feel that my codes are correct but still cant submit it, and its the same with the checkbox contents. while radio forms are good after following your instruction. Could you please help me with this?
Thank you so much

Loving

https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes

<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><input id="indoor" value="indoor" type="radio" name="indoor-outdoor"> Indoor</label>

  <label><input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>

  <label><input type="checkbox" name="personality" value="Loving"> Loving </label>

  <label><input type="checkbox" name="personality" value="Lazy"> Lazy</label>

  <label><input type="checkbox" value="Energetic" name="personality" > Energetic </label><br>

  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.132 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

Use the input label text, in lowercase, as the value for the attribute.

thank you so much . its doneā€¦
I realized its the capital of each value that caused me this.