Learn HTML by Building a Cat Photo App - Step 48

HTML-CSS
1

Tell us what’s happening:

<input id="indoor"type="radio"name=“indoor-outdoor”> Indoor Cat
<input id="outdoor"type=“radio” name=“indoor-outdoor”> Outdoor Cat

The radio buttons can deselect and it says the radio buttons need to be within the closing label element tags and they are. is there something I am missing?

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>
        <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"name="indoor-outdoor"> Indoor Cat</label>
<label> <input id="outdoor"type="radio" name="indoor-outdoor"> Outdoor Cat</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/124.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 48

2

hi and welcome to the forum.

Please note that you should not add code unless specifically required to by the step.
For eg. you added some extra spaces and you added the word Cat to each radio button label but neither of those were requested changes.
Therefore I suggest you click the reset button to restore the code for this step, then simply add the name attribute they asked for without making any other changes.

3

Hey Buddy You wrote right code , Here kindly put space after each value .

Like after your “indoor” , after “radio” please do same with 2nd radio button too !!

Hope you understand !!

4

Although the space is helpful for code readability it should not be required for this step.

5

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