Nesting radio button step 46

I’m stuck trying to finish this task. i can’t figure out what i’m doing wrong.
this is the hint i get (Hint

Your new radio button and associated label should be below the first one. You have them in the wrong order.)

however, no matter which way i doe this i am getting the same message
here is my code;

Cat Form

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

Indoor

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

ii thought i nested the new radio in its own label correctly but cannot figure out how to get the new button below the first one. i’ve tried using
to no success. can i get some suggestion

thanks

Hint: Have you used the right ID?

Can you please post all of your code. Looking at these two snippets is not helpful in assisting you with a solution.

here it is:

<h1>CatPhotoApp</h1>

<main>

  <section>

    <h2>Cat Photos</h2>

    <!-- TODO: Add link to cat photos -->

    <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>

    <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

  </section>

  <section>

    <h2>Cat Lists</h2>

    <h3>Things cats love:</h3>

    <ul>

      <li>cat nip</li>

      <li>laser pointers</li>

      <li>lasagna</li>

    </ul>

    <figure>

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">

      <figcaption>Cats <em>love</em> lasagna.</figcaption>  

    </figure>

    <h3>Top 3 things cats hate:</h3>

    <ol>

      <li>flea treatment</li>

      <li>thunder</li>

      <li>other cats</li>

    </ol>

    <figure>

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">

      <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  

    </figure>

  </section>

  <section>

    <h2>Cat Form</h2>

    <form action="https://freecatphotoapp.com/submit-cat-photo">

Indoor

        <label for="outdoor>"><input id="outdoor" type="radio" name="indoor-outdoor"> outdoor</label>
      <button type="submit">Submit</button>

    </form>

  </section>

</main>

i’m new to this i didn’t know there was more than one ID i was under the assumption that they just needed to have different names

Do you still need assistance on this? If so please let us know.

i do thanks, i just can’t figure out what i’m doing wrong

So I don’t see the Indoor input element anywhere. Do you have one?

its there

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

         </label>

So then the only issues I see is from the code you just provided the Indoor input element does not have an opening label element with the for attribute. Also in the outdoor input element the word “outdoor” between the closing bracket (>) of the input element and the closing label element needs to be capitalized like so: “Outdoor”.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.