What is wrong with my code?2

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" value="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
  <label for="Outdoor"><input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label for="loving"><input id="loving" value="Loving" type="checkbox" name="personality"> loving</label>
  <label for="lazy"><input id="lazy" value="lazy" type="checkbox" name="personality"> Lazy</label>
  <label for="energetic"><input id="energetic" value="energetic" type="checkbox" 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 6.1; rv:70.0) Gecko/20100101 Firefox/70.0.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

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

2

I think it is getting confused because you wrote the text for the “loving” checkbox with a lower case “l”: “loving” instead of “Loving”. When I change that one character, your code passes.

And just as a suggestion, don’t get into the habit of putting spaces in from of text like that unless that is exactly what you want. That space is included in the output and may screw up your alignments and screw up future tests.

1 Like
3

I am sorry but how to do it

4

I tried but nothing changed

5

If the problem is just with the word “loving”, it should be look like this:

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

Also I think you should change this line, just because outdoor was capital. (for=“Outdoor”)

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

you need to use only lower case letters for the value attribute
to fix it, delete the wrong value, and retype the right one