Learn HTML by Building a Cat Photo App - Step 54

HTML-CSS
1

Tell us what’s happening:

List item

The second fieldset element should not be nested in the first fieldset element. this is the error

Your code so far


<!-- User Editable Region -->

<fieldset>
  <legend>Is your cat an indoor or outdoor cat?</legend>
  <label>
    <input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor
  </label>
  <br>
  <label>
    <input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor
  </label>
</fieldset>

<!-- Second fieldset placed directly below the first one, NOT inside it -->
<fieldset>
  <legend>Tell us more about your cat</legend>
  <label for="cat-name">What is your cat's name?</label>
  <input id="cat-name" type="text" name="cat-name">
  <br>
  <label for="cat-age">How old is your cat?</label>
  <input id="cat-age" type="number" name="cat-age">
</fieldset>


<!-- User Editable Region -->

Your browser information:

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 54

2

Hi there. The instructions is asking: so add another fieldset element directly below the current fieldset element.

Why did you added extra elements? Remember the challenge tests are specific about the challenge instructions.

3

Hii Buddy, well tried, you actually did according to instructions but there shouldn't be content in 2nd ***fieldset*** .

<p>Text-1</p>
<p>Text-2</p>

Hope You Understand.

4

This example code aren’t concerned with the challenge step.