Learn Accessibility by Building a Quiz - Step 35

HTML-CSS
1

Tell us what’s happening:

I’m stuck… I created a div with it’s appropriate classes but the system won’t allow my code

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

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

Challenge Information:

Learn Accessibility by Building a Quiz - Step 35

2

Hi @malvo,

We need the code you’ve tried already or we can’t help you. You can update your original post with that code or add it as a new reply here. Please click the </> button in the editor for a reply, after highlighting your code, so that it is properly highlighted. Thank you!

1 Like
3

Tell us what’s happening:

You should give the first nested div a class of question-block

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

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

Challenge Information:

Learn Accessibility by Building a Quiz - Step 35
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-accessibility-by-building-a-quiz/step-35Learn Accessibility by Building a Quiz - Step 35

4

Tell us what’s happening:

You should give the first nested div a class of question-block

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

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

Your browser information:

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

Challenge Information:

Learn Accessibility by Building a Quiz - Step 35

5

Please talk to us about how the instructions or error message has you stuck. Thanks

1 Like
6

I nested the “formrow div” with four other div’s per instructions but my code isn’t being excepted by the system.

7

Hi there @malvo

Looks like you’ve added both classes to all div elements. The instructions tells you to alternate them, so 1 is question-block, 2 is answer etc.
Hope this helps.

8

Nope it doesn’t help. When I alternate them the system wants me to add the answer class on the classes without the answer class vice versa.

9

Thanks @odinbn problem sorted, Thank you very much, your input was helpful.

10

Please do not create multiple topics to ask for help for the same challenge, if you have updates you can write a new post in the same topic, thank you. I have merged all your topics for this step.

11

Would you mind sharing the answer? I’m stuck here, too:

CSS

    </section>
12

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.