I need help withh the cat photo app

hello everybod!!

this is my first month learning to code and my first post, so thanks for those people that create and maintain this page and community that is a opportunity that I, very grateful and happy, will take.

so, here´s the thing:
in the step 46 i not got to pass it, because, according to the page, i have this error:

You will need to add a new label element in which to nest your new radio button. Make sure it has both an opening and closing tag.

here is the code:
indoor

outdoor

i dont understand what is missing(would be due to i am not a native english-speaker?), so i come here to throw my ignorance, and ask for some help.

Thanks.

We can’t quite see your HTML. To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.

thanks.

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

now?
this is the objetive:
Nest another radio button with the option Outdoor in a new label element. The new radio button should be placed after the first one. Also, set its id attribute value to:

outdoor
and this is the error:
Your new radio button and associated label should be below the first one. You have them in the wrong order.

It looks like you changed the text option for “Indoor” to “indoor”. I wouldn’t do that. Likewise, you’ve set “outdoor” as the text option when the instructions asked you to use “Outdoor”.

1 Like

wow, isnt the first time having that kind of problems…but this time i really got sleep there :face_with_hand_over_mouth:.

thanks, i will pay more attention from now :pinched_fingers: :saluting_face:

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