Learn Accessibility by Building a Quiz - Step 35

[marinaelizabethville]

I´m nesting the label element in the first div question block element, i´ve tried every option (like placing it in the whole area of the question block or just the first element) but nothing happens.

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.

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

Your browser information:

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

Challenge: Learn Accessibility by Building a Quiz - Step 35

Link to the challenge:

freeCodeCamp.org

[dannee]

Some errors. You should take off the label element. below

 <label>text<div class="question-block">

the challenge requires you to nest a label element in any div element with class question-block in the code.

Here you have 2 div classes with question-block. so you would need to nest a label element with any text in each of them.

label element are referenced like this below

<label>Text</label>

i hope this helps you

[marinaelizabethville]

ugggh, I was completely blocked. Thanks that was so helpful, I hadnt realized it needed to be inside the div element.
already solved it thanks!!