Learn HTML by Building a Cat Photo App - Step 46

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

  **Your code so far**
<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">
      <li><label><input id="indoor" type="radio"> Indoor</label></li>
      <li><label><input id="outdoor" type="radio"> outdoor</label></li>    
        <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/102.0.5005.115 Safari/537.36 OPR/88.0.4412.85

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

Link to the challenge:

You seem to have wrapped the inputs in li tags. Is there a reason you did this? The instructions didn’t ask you to do this. Adding unexpected things to the HTML will usually make the tests fail. Also, those li tags aren’t valid because they aren’t in a ul or ul element. Bottom line, remove the li tags.

As for the Outdoor input you added, you did everything correctly except for this part of the instructions:

“Nest another radio button with the option Outdoor

Computers are very picky about case. Capitalization matters. Your label text must be exactly the same as what the instructions are asking for.

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

how can i meek it go below ?

Ignore the hint, it is not correct. Look at what I made bold in this sentence from the instructions:

“Nest another radio button with the option Outdoor

Now look at the label text you have. There is one difference. Remember, capitalization matters.

P.S. I’m assuming you removed the li tags?

1 Like

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