Learn HTML by Building a Cat Photo App - Step 48

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

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>
        <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">

<!-- User Editable Region -->

         <label>
  Indoor
  <input type="radio" id="indoor" name="indoor-outdoor">
</label>
<label>
  Outdoor
  <input type="radio" id="outdoor" name="indoor-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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 Edg/114.0.1823.43

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

Link to the challenge:

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

thanks for reply
Both radio buttons should still be located between opening and closing element tags.label this is the hint which i cant understand i did what i can but cant solve it can u guide me thought it?

even chatgpt answer is wrong what should i do now?

Yes, the hint you are getting doesn’t really make sense for your issue, so ignore it. You added the name attribute correctly to the inputs. But why did you move the text before each input. You need to put the text back to where it originally was, after the input.

In general, do not make changes that the instructions do not ask you to make. Even the smallest unexpected change will confuse the tests and cause you to fail the step.

1 Like

still i dont understand

code doesnt pass what to do

I’d start by not asking ChatGPT. ChatGPT doesn’t actually know anything about programming. It’s guessing how to make sentences based upon all of the words it has been feed during its training.


This isn’t quite what you were asked to do. I would reset the code so the extra changes go away.

This is the only change you should make:

Add the name attribute with the value indoor-outdoor to both radio buttons.

Don’t change anything else. Only add the name attribute.

1 Like

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