Learn HTML by Building a Cat Photo App - Step 50// Having trouble placing the fieldset element?

I’ve nested both radio/input buttons, yet it’s still telling me that there’s a problem with my code? Where should the fieldset element be placed if not above/below the radio/input buttons?

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>

<!-- User Editable Region -->

        <form action="https://freecatphotoapp.com/submit-cat-photo">


 <fieldset>   
   <label><input id="indoor" type="radio" name="indoor-outdoor"value="indoor">Indoor<label>     
   <label><input id="outdoor"type="radio" name="indoor-outdoor" value="outdoor">Outdoor<label>
 </fieldset>     


<!-- 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/114.0.0.0 Safari/537.36 Edg/114.0.1823.58

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

Link to the challenge:

Hi there and welcome to our community!
There is nothing wrong with the positioning of your fieldset element.
However, your code isn’t passing because both of the closing label tags have the wrong syntax. Remember that closing tags always contain a forward slash.

1 Like

Just closed off both of the inputs, and its still saying there’s an error in my code. Truly at a loss on this one right now. Although I do appreciate the insight!

You don’t need to close off the input elements (as they are self-closing elements which only contain an opening tag). You only need to close off the label elements correctly by using the correct syntax for their closing tags.

1 Like

Never felt more braindead than just now. Thanks a million!

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