Firstly, I am really grateful for this opportunity to have this platform to learn from. However, I feel the instructions are EXTREMELY poorly written. I find the instructions lacking on at least, and furthermore the help-hints usually give poor information. But I have met my match on this one.
Step 19
Filling out the content of the quiz, below #student-info
, add three div
elements with a class
of info
.
Then, within each div
nest one label
element, and one input
element.
Test: Sorry, your code does not pass. Keep trying.
Hint: You should nest three div
elements below the h2#student-info
element.
I have tried so many different versions of this code to no avail. Here are 3 examples, but I have tried it many more.
<section role="region" aria-labelledby="student-info">
<h2 id="student-info">Student Info</h2>
<div class="info">
<label><input></label>
<div class="info">
<label><input></label>
<div class="info">
<label><input></label>
</div>
</div>
</div>
</section>
-
<section role="region" aria-labelledby="student-info"> <h2 id="student-info">Student Info</h2> <div class="info"> <label><input></label> </div> <div class="info"> <label><input></label> </div> <div class="info"> <label><input></label> </div> </section>
-
<section role="region" aria-labelledby="student-info"> <h2 id="student-info">Student Info</h2> <div class="info"> <label><input> </div> <div class="info"> <input> </div> <div class="info"> <input></label> </div> </section>