Learn Accessibility by Building a Quiz - Step 35

HTML-CSS
1

Tell us what’s happening:

CSS

it says ou should nest your elements inside div.formrow
how can I do this?

Your code so far

<!-- file: index.html -->
<!-- User Editable Region -->

        <section role="region" aria-labelledby="css-questions">
          <h2 id="css-questions">CSS</h2>
<div class="formrow"><div class="question-block"><div class="answer"><div class="question-block"><div class="answer"></div></div></div></div></div>
        </section>

<!-- User Editable Region -->

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:129.0) Gecko/20100101 Firefox/129.0

Challenge Information:

Learn Accessibility by Building a Quiz - Step 35

2

You have nested each of the 4 divs inside each other( because you did not close the div elements as you were creating them).

Instead of nesting the 4 divs one inside the other, just create them one by one (opening and closing tags next to each other) and for neatness, put each new div on a separate line so it is easy to see what you did.

The 4 divs should be “siblings” inside their parent div.