Learn HTML by Building a Cat Photo App - Step 49

HTML-CSS
1

Tell us what’s happening:

Sorry, your code does not pass. Try again.

You should not make any changes to the Indoor radio button. You can restart the step to get the original HTML back if needed.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <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
          <input id="outdoor" type="radio"> 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 49

2

Hi there!

Tell your issue in your own words. What’s did you not understand.

You can use the Reset button to restore the original code.

3

i have created a ratio button for outdoor like i did or indoor , but its not working out , is showing this message
Sorry, your code does not pass. Try again.

You should not make any changes to the Indoor radio button. You can restart the step to get the original HTML back if needed.

4

Hi,
I think you are supposed to add the second input( the one for outdoor ) inside another label element. hope this helps!

5

where to restart and how ?
likei have to create new label is it.

6

Below the challenge editor, there’s a Reset button. Click that to restore the original code back. Then add the requested input within a new label element.

Currently You have added it within the indoor label element.

7

if i do reset only that step will get reset or the full steps

8

Only the challenge step will reset.

1 Like
9

thank u very much sir , i got it.

1 Like