<fieldset> issue

Tell us what’s happening:
no matter what I try, I cannot seem to get the element to be correct, or correctly recognized by the platform.

  **Your code so far**
      <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>
      <h2>Cat Lists</h2>
      <h3>Things cats love:</h3>
        <li>cat nip</li>
        <li>laser pointers</li>
        <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>  
      <h3>Top 3 things cats hate:</h3>
        <li>flea treatment</li>
        <li>other cats</li>
        <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>  
      <h2>Cat Form</h2>
      <form action="https://freecatphotoapp.com/submit-cat-photo">
            <input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor
            <input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor
        <input type="text" name="catphotourl" placeholder="cat photo URL" required>
        <button type="submit">Submit</button>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Step 49

Link to the challenge:

this can’t be correct, you should have one label per input element

I meant the “fieldset” Element. if you look in my third section, you’ll see where I have tried to wrap both label items in the fieldset tag, but nothing works. the challenge just keeps kicking my code back as incorrect; even if I wrap both labels and/or both inputs in their own fieldset attribute.

the starter code is

          <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>

why did you wrap the two inputs in the same label element?

initially, I had them in their own separate labels, but I am still getting this error:


I even restarted the lesson, and set it up like the following:

and I am still getting the error :confused:

remove the new lines, keep it exactly as it was in the starting code, and just add the fieldset

what’s even more confusing to me, is that the Console from chrome dev tools appears to look correct, negating what the code tester is saying, seen here:


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