Learn HTML by Building a Cat Photo App - Step 47

Tell us what’s happening:
I think my code works but the system tells me that I made changes somewhere I didnt touch. Please find the line of code below (it is the one that uses label and id)

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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">

<!-- in this line of code, it says that I shouldnt anything in the indoor radio button when I literally didnt do anything to change it -->

          <label><input id="Indoor" type="radio"> Indoor
          <input id="Outdoor" type="radio"> Outdoor</label>
          

<!-- User Editable Region -->

          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 47

Link to the challenge:

Hello, your code is written a bit wrong, and indeed, the system is right, you did touch the first radio button.

You will notice that first line in the editable region i.e. <label><input id="Indoor" type="radio"> Indoor does not have a closing label tag. Similarly, your second line does not have a opening label tag. I think you may have placed two radio buttons in one label tag. In practice, each radio should be in it own label tag.

Delete the second radio button and create a new label tag where you can place the second radio button.

Hope this helps :slight_smile:

1 Like

Welcome to the community!
As @rubenjen stated the code is not correct.

Below is the code provided when you start this step.

< label>< input id=“indoor” type=“radio”> Indoor< /label>

Instructions ask that there be a second radio button below. Input with the id of Outdoor, nested within a label element.
My suggestion is to make the second button the same as the first button, with the exception of the input id and text.
< label>< input id=“indoor” type=“radio”> Indoor< /label>
Hope this helps you!
Happy coding! :slight_smile:

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