Learn HTML by Building a Cat Photo App - Step 48

Tell us what’s happening:
I can’t find the problem here. Might need help. Error at line 37 to 40.
“Both radio buttons should still be located between opening and closing label element tags.”

Your code so far
<input id ="indoor"type="radio"name=“indoor-outdoor”>
<label “indoor”>Indoor <type=“radio”
<input id="outdoor"type="radio"name=“indoor-outdoor”>
<label “outdoor”>Outdoor <type=“radio”

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <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>
        <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">
  
  <input id ="indoor"type="radio"name="indoor-outdoor">
  <label "indoor">Indoor <type="radio"</label>
  <input id="outdoor"type="radio"name="indoor-outdoor">
  <label "outdoor">Outdoor <type="radio"</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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

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

Link to the challenge:

In order to have only one selected radio button at a time, you need to give both radio buttons the same value on the name attribute. this case being indoor-outdoor. The rest of changes you made in this code are both unnecessary and wrong.
i suggest you restart the step and try it again.

hello and welcome to fcc forum :slight_smile:

  • if you look at “preview” for this snippet you will see output is not quite simile rather otherwise.
  • youre using “label” with some wrong syntax

lets look at initial code for this step

<label><input id=“indoor” type=“radio”> Indoor
<label><input id=“outdoor” type=“radio”> Outdoor

and it asked you to do this

Add the name attribute with the value indoor-outdoor to both radio buttons.

address those changes, and it should be fine, happy learning :slight_smile:

Thanks. I already got this after a few try

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