Basic HTML and HTML5 - Create a Set of Radio Buttons

[bakarvona]

Tell us what’s happening:
Describe your issue in detail here.

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">
    <input type="text" placeholder="cat photo URL" required>
    <label> 
      <input type="radio" name="indoor-outdoor">Indoor
      <input id="indoor" type="radio" name="indoor-outdoor">
    <label for="indoor">Indoor</label>
      <label for="indoor"> 
        <input id="indoor" type="radio" name="indoor-outdoor">Indoor 
        </label>
    </label>
    <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/106.0.0.0 Safari/537.36

Challenge: Basic HTML and HTML5 - Create a Set of Radio Buttons

Link to the challenge:

freeCodeCamp.org

[bappyasif]

hello and welcome to fcc forum

@bakarvona

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

• there is so many “radio buttons” than it was asked in instructions
• some of them are missing “opening … closing” tags
• Outdoor radio button is missing

you can still salvage this code and make this right, but better and easier would be if you “restart” this step and simply “add” two radio buttons, within “form”

happy learning