Learn Accessibility by Building a Quiz - Step 35

HTML-CSS
1

Tell us what’s happening:

Here is the code that I’ve been working with so far. I’ve been adding the div classes and closing the div’s. What am I doing wrong? All help is appreciated. Thanks so much!

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

Your browser information:

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

Challenge: Learn Accessibility by Building a Quiz - Step 35

Link to the challenge:

2

Okay, so this is just asking to nest inside of the class ‘formrow’ in which you already have created. It would look similar to…

<div class="formrow">
    <div class="question-block"></div>
    <div class="answer"></div>
</div>
1 Like
3

Thank you for the help… I tried that for each of the four formrow’s and it gave me the following message. " **You should nest four div elements inside div.formrow ."

4

Yes, not a problem! So, technically there should only be just the one formrow class and then just four div elements alternating

form, question, answer, question, answer, end of form. :grinning:

1 Like