Learn HTML by Building a Cat Photo App - Step 50

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
My code is correct as displayed in the preview, but I cannot submit and move to the next stage. The problem is with the LEGEND element, it is properly placed and has already come up in the preview, but it keeps on telling me my code does not pass.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <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>
    <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">
        <fieldset>
        <legend>Is your cat an indoor or outdoor cat?
           <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> 
         </legend>
    </fieldset>
        <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/103.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hey, @nayaogbonnaya07
if you have not yet figured it out; just don’t nest input elements inside legend element. Instead LEGEND element comes first then INPUT elements follows

1 Like
3

thank you so much for this.

4

it’s easy. Be simple. put the legend element (remember closing tag and opening tag) and inside/between it was the word. Put it under the fieldset element

5

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