Fieldset Step 51

HTML-CSS
1

Goodmorning!

Can someone please help me with this step. I’ve placed the new fieldset element right below the first fieldset element as directed but im having a hardtime finding the accurate placement for the 2nd closing tag. I’ve tried rearranging the new open and close fieldset elements in different places but still no luck :frowning:

  **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> 
          <fieldset>
          <legend>Is your cat an indoor or outdoor cat?</legend>
          <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>
        <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/101.0.4951.67 Safari/537.36

Challenge: Step 51

Link to the challenge:

2

The instructions say “add another fieldset element directly below the current fieldset element.” When you add another element “below” or “after” an element, it means to add it below the entire element, which consists of both the opening and closing tags. What you have tried to do here is “nest” an new fieldset inside of an existing fieldset.

3

hello and welcome to fcc forum :slight_smile:

here what instruction is saying is “add” another “fieldset” right after (after fieldset closing tag) already existing “fieldset”, as simple as that, but not “nesting” into it!!

4

But in my case I did exactly that, and still not working, what could be the problem?

5

share your code here!! lets see whts going on in there!!

6
Is your cat an indoor or outdoor cat? Indoor Outdoor Submit
7

which step is it? share that link as well

8 
<form action="https://freecatphotoapp.com/submit-cat-photo">
          <fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <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>
          <fieldset>

          </fieldset>      
            <label><input type="text" name="catphotourl" placeholder="cat photo URL" required></label>
            <button type="submit">Submit</button>
9

try without any “indentation” just simply “opening and closing fieldset” tag, it should be fine
image

10

Thank you so much, it finally works!!

11

hi
i dont know if thise will link with this topic but am experiencing the same issue ,can you please help

1 Like
12

It is best if you start your own post about this. While in the step, use the Ask for Help button to create your issue in the forum. This will also automatically include your HTML so we can see what you did.

13

or just simply share your code in here!! :slight_smile:

1 Like
14 
    <fieldset>
        <legend>Is your cat an indoor or outdoor cat?</legend>
        <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>
      <input type="text" name="catphotourl" placeholder="cat photo URL" required>
      <button type="submit">Submit</button>
15

i dont understand how to do the second fieldset

16

add second <fieldset> right after first <fieldset>

17

i assume it is solved then?! :slight_smile:

18

yes .thank you ,i finally moved to the next challenge

19

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