Quiz dropdown issue

HTML-CSS
1

hi, doing the quiz and up to the section for the dropdown and the text box questions. now not passing. and trying to stick to the requirements. not adding any thing else. now got htis error. how to proceed to get it to work? what do i need to add, marvin.
ps: using jaws 2025 and totally blind. so please advice me.
pasting the error, the link to the step and my code.
can you help?
marvin.
ps: pasting below.

You should add one div element within the final section .


<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="styles.css" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="A detailed accessible quiz form." />
    <title>Accessibility Quiz</title>
  </head>
  <body>
    <header>
      <img src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" id="logo" alt="freeCodeCamp" />
      <h1>HTML/CSS Quiz</h1>
      <nav>
        <ul>
          <li><a href="#student-info">INFO</a></li>
          <li><a href="#html-questions">HTML</a></li>
          <li><a href="#css-questions">CSS</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <form action="https://freecodecamp.org/practice-project/accessibility-quiz" method="post">
        <section role="region" aria-labelledby="student-info">
          <h2 id="student-info">Student Information</h2>
          <div class="info">
            <label for="name">Name:</label>
            <input type="text" id="name" name="name" />
          </div>
          <div class="info">
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" />
          </div>
          <div class="info">
            <label for="date">Date:</label>
            <input type="date" id="date" name="date" />
          </div>
        </section>
        <section role="region" aria-labelledby="html-questions">
          <h2 id="html-questions">HTML Questions</h2>
          <fieldset class="question">
            <legend>HTML is used to structure content on the web.</legend>
            <ul class="answers-list">
              <li><label for="q1-a1">
                  <input type="radio" id="q1-a2" name="html-q1" value="true"/>
                  True
                </label></li>
              <li><label for="q1-a2">
                  <input type="radio" id="q1-a2" name="html-q1" value="false"/>
                  False
                </label></li>
            </ul>
          </fieldset>
        </section>
        <section role="region" aria-labelledby="css-questions">
          <h2 id="css-questions">CSS Questions</h2>
            <fieldset class="question">
    <legend>CSS is used to control the style of a web document.</legend>
    <ul class="answers-list">
      <li><label for="q2-a1">
          <input type="radio" id="q2-a2" name="css-q1" value="true" />
          True
        </label></li>
      <li><label for="q2-a2">
          <input type="radio" id="q2-a2" name="css-q1" value="false" />
          False
        </label></li>
    </ul>
<div class="formrow">
  <div>
    <div class="question-block">
      <label for="dropdown">Which HTML element is used to create a dropdown list?</label>
    </div>
    <div class="answer">
      <select id="dropdown" name="dropdown">
        <option value="">--Please choose an option--</option>
        <option value="div">&lt;div&gt;</option>
        <option value="select">&lt;select&gt;</option>
        <option value="input">&lt;input&gt;</option>
        <option value="form">&lt;form&gt;</option>
      </select>
    </div>
    <div class="question-block">
      <label for="textbox">Briefly explain the purpose of the &lt;label&gt; element:</label>
    </div>
    <div class="answer">
      <input type="text" id="textbox" name="textbox" placeholder="Type your answer here">
    </div>
  </div>
</div>
  </fieldset>
        </section>
      </form>
    </main>
  </body>
</html>
1 Like
2

I have edited your post to allow the link to be clickable.
When posting a link that is meant to be clickable, you should copy it in a blank line and not add any extraneous characters to it as that will make it invalid and not useful to the person trying to help you.

Please also kindly consider taking your time when posting questions as that may help as well.

1 Like
3

The code you are showing us does not match the code that is given to you in this challenge.
Unfortunately the challenge checker will fail to recognize your answer if you make modifications to the code that were not requested in the challenge.

1 Like