Learn Accessibility by Building a Quiz - Step 35

HTML-CSS
1

Begin by nesting a div with a class of formrow, and nest four div elements inside of it, alternating their class attributes with question-block and answer.
Below here is my code:

And then: You should nest four div elements inside div.formrow.
Last Part kinda confusing.

2

We can’t really give you good help unless we can see your HTML.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

3 
<div class="formrow">
<div class="question-block"></div>
<div class="answer"></div>
<div class="div.formrow"></div>
<div class="div.formrow"></div>
<div class="div.formrow"></div>
<div class="div.formrow"></div>
</div>
4

Thanks for the advice back tick tricks.

5

Please post a link to the challenge.

I see two divs with alternating classes, not 4.

6

This means you should add another 4 empty divs. They didn’t say which class type so that means they should not have any class.

7 
<div class="formrow">
<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>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

Second part was 4 divs has to have elements inside which is div.formrow. Without giving any type of class how is it works?

8

Let’s read the instructions very carefully:

“Begin by nesting a div with a class of formrow”

So you want to add one div with a class of formrow. You have done that above.

“nest four div elements inside of it”

How many div elements have you nested inside of it? By my count, 12. You only want four.

“alternating their class attributes with question-block and answer”

This means of the existing four, the first one should have the class question-block, the second should have the class answer, the third should have the class question-block and the fourth should have the class answer.

9

That is an excellent explanation of the problem. Thank you @bbsmooth

10

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