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

        <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>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
          <li>cat nip</li>
          <li>laser pointers</li>
          <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>  
        <h3>Top 3 things cats hate:</h3>
          <li>flea treatment</li>
          <li>other cats</li>
          <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>  
        <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>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ 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.