Learn HTML by Building a Cat Photo App - Step 46

Tell us what’s happening:
i cant understand whats issue here
i make new label with type id outdoor though spellings and all are correct but still its not working its saying add new label right below existed label i have done that too but still its giving me error that you have place it in wrong order.
i shall be very thankful if someone sort it out please
thanks

  **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">
        <label><input id="indoor" type="radio">Indoor</label>
          <label><input id="outdoor" type="radio">outdoor</label>
        <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/103.0.0.0 Safari/537.36

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

Link to the challenge:

Spelling includes capitalization. The instructions say:

“Nest another radio button with the option Outdoor in a new label element.”

Is your label text capitalized like it is asking in the instructions?

i guess No its in small letter

so i have to make other label with capital latter or what i cant get it

You need to make the option text inside the label look exactly like Outdoor.

can i have syntax please

You already have the syntax, in the code you originally posted:

<label><input id="outdoor" type="radio">outdoor</label>

You just need to change the label text to Outdoor.

oh means i don’t have to add new label i just have to change existing label indoor to outdoor ??

The instructions say:

“Nest another radio button with the option Outdoor in a new label element.”

This means you need to create a new radio button nested in a new label.

The second sentence in the instructions say:

“The new radio button should be placed after the first one.”

Again, this is telling you that you need to create a new radio button nested in a label.

1 Like

i have created sir but its not working
<input id=“indoor” type"radio">indoor
<input id= “outdoor” type"radio">outdoor
like this sir but its not working

yes sir i have created new one its not giving me syntax error but its saying you might have placed it in wrong order

You should not make any changes to the Indoor radio button. It was perfectly fine the way it was. I would restart the step to get the original HTML back.

The only thing you want to do is add a new radio button nested in a label below the Indoor radio button. You actually did this correctly except that you need to change the label text to Outdoor.

Also, the hints are not very helpful for this step. I would ignore them. I actually created a PR to fix the hints but it hasn’t been accepted yet.

1 Like

ok got sir bundle of thanks sir
what i was doing is writing that radio label text with small O
thanks a lot sir for your time means alot