Seem close.Its yet so far

Tell us what’s happening:
Describe your issue in detail here.
Since typing I was able to complete with the intended issue but now I have a new one its the checkbox ìssue can’t seem to get it to work.

  **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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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="https://www.freecatphotoapp.com/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><label for="personality"><input id="personality"type="checkbox"name="personality">Loving</label><input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 8.1.0; SM-J260M Build/M1AJB; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/92.0.4515.159 Mobile Safari/537.36

Challenge: Create a Set of Checkboxes

Link to the challenge:

What do the tests say?

why do the radio buttons have different id/for attributes? couldn’t(/shouldn’t) they share same?

how many (personality) checkboxes?

Your page should have three checkbox elements.

You only have one.

As an aside, I would really recommend you format the HTML better. Give each new element its own line.

  <form action="https://www.freecatphotoapp.com/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>
    <!-- You need three of these -->
    <label for="personality"><input id="personality"type="checkbox"name="personality">Loving</label>

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

Each id must be unique, you can’t have an id repeating on a page

1 Like

I had known about the three elements"the output goes here on a lone line"

You don’t need to put it on a single line, it’s more readable if you have one element per line