Learn HTML by Building a Cat Photo App - Step 47

HTML-CSS
1

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

I keep getting this message but I can’t see what’s wrong, someone who please can help me.

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

<!-- User Editable Region -->

          <label><input id="indoor" type="radio">Indoor</label>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <label><input type="radio" id ="outdoor">Outdoor></label>

<!-- User Editable Region -->

          <button type="submit">Submit</button>
          <label>input id="outdoor" type="radio">Outdoor</label>
        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

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

Link to the challenge:

2

There’s an extra > after the text you nested inside the label

3

Welcome to our community!

Restart the step.

In this challenge you are given the first code line:
<label><input id="indoor" type="radio"> Indoor</label>

The second is the same, only values for the id attribute and the text between ‘label’ tags should be changed in the “outdoor” and “Outdoor” respectively.

In other words, where you have “indoor” and “Indoor” in the first code line, you will have “outdoor” and “Outdoor”.

5

Thanks everyone,

I found the mistake, I appreciate your help!

1 Like