Learn HTML by Building a Cat Photo App - Step 47

HTML-CSS
1

Tell us what’s happening:i am getting the help thing that says “the label text for your new radio button must be exactly Outdoor . This includes capitalization.” i have copied and pasted the word and copied it including capatlazation and it is still giving me that eror i think my code i right to pls help me im a bit lost and new to this thx!:}

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>
      <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>
          <label> <input id="outdoor" type="radio" Outdoor  </input> </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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 47

2

You appear to have created this post without editing the template. Please edit your post to 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!

3

Hi!! @owen3

You have to describe what you want your code to do or
what your problem is in order to help. :smile:

4
  • Add the right angle bracket after the type=“radio” in the second line
  • Delete the ‘input’ tag after the word “Outdoor”.

In other words, the second code line is the same as the first, except that the id value is “outdoor”, and the text after the ‘input’ element is Outdoor.

5

hello, you are almost there, just lookup again at the given example
<label><input id="indoor" type="radio"> Indoor</label>
and do the same with “Outdoor” instead of “Indoor” .

Remember, inputs are self-closing tags, unlike labels where you have to add a closing tag.

1 Like
6

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