Im stuck on #13

HTML-CSS
1

Tell us what’s happening:
I can’t seem to figure out what I’m doing wrong on objective #13.

Your code so far

D&D Survey Form

Thank you for you input, we value your opinion!

<div class="form-group">
  <label id="name-label" for="name">Name</label>
  <input
    type="text"
    name="name"
    id="name"
    class="form-control"
    placeholder="Enter your name"
    required />
  </div>

<div class="form-group">
  <label id="email-label" for="email">Email</label>
  <input
    type="email"
    name="email"
    id="email"
    class="form-control"
    placeholder="Enter your Email"
    required
  />
</div>

<div class="form-group">
  <label id="number-label" for="number"
    >Age<span class="clue">(optional)</span></label
  >
    <input
    type="number"
    name="age"
    id="number"
    min="10"
    max="99"
    class="form-control"
    placeholder="Age"
  />
</div>

<p>Which class is your favorite to play?</p>
  <select id="dropdown" name="role" class="form-control" required>
    <option disabled selected value>Select your favorite class</option>
    <option value="artificert">Artificer</option>
    <option value="barb">Barbarian</option>
    <option value="bard">Bard</option>
    <option value="cleric">Cleric</option>
    <option value="druid">Druid</option>
    <option value="fighter">Fighter</option>
    <option value="monk">Monk</option>
    <option value="pala">Paladin</option>
    <option value="ranger">Ranger</option>
    <option value="rogue">Rogue</option>
    <option value="sorc">Sorcerer</option>
    <option value="wiz">Wizard</option>
    <option value="warlock">Warlock</option>
    
  </select>
</div>

Would you recommend D&D to a friend?

Yes 
  <label
    ><input
      name="user-recommend"
      value="no"
      type="radio"
      class="input-radio"
    />No</label
  >
</div>

What is your favorite Villian in D&D?

Select an option Beholders Vampires Dragons Humans

What Races Have You Played? (Check all that apply) 

  <label>
    <input
      name="prefer"
      value="Human"
      type="checkbox"
      class="input-checkbox"
    />Human</label
  >
 
 <label>
   <input
      name="prefer"
      value="Elf"
      type="checkbox"
      class="input-checkbox"
    />Elf</label
  >
 <label>
   <input
      name="prefer"
      value="Dwarf"
      type="checkbox"
      class="input-checkbox"
    />Dwarf</label
  >
 <label>
   <input
      name="prefer"
      value="Dragonborn"
      type="checkbox"
      class="input-checkbox"
    />Dragonborn</label
  >
 <label>
   <input
      name="prefer"
      value="Half-Elf"
      type="checkbox"
      class="input-checkbox"
    />Half-Elf</label
  >
 <label>
   <input
      name="prefer"
      value="Tifling"
      type="checkbox"
      class="input-checkbox"
    />Tifling</label
  >
 
 <label>
   <input
      name="prefer"
      value="Gnome"
      type="checkbox"
      class="input-checkbox"
    />Gnome</label
  >
 <label
    ><input
      name="prefer"
      value="Halfling"
      type="checkbox"
      class="input-checkbox"
    />Halfling</label
  >
 
 <div class="form-group">
  <p>Any comments or suggestions?</p>
  <textarea
    id="comments"
    class="input-textarea"
    name="comment"
    placeholder="Enter your comment here..."
  ></textarea>
</div>

<div class="form-group">
  <button type="submit" id="submit" class="submit-button">
    Submit
  </button>
</div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:79.0) Gecko/20100101 Firefox/79.0.

Challenge: Build a Survey Form

Link to the challenge:

2

Please provide a working pen or repo so we can try your code.

3
4

Around line 64 or 65, you have an extra </div> that I guess is confusing the tests as they try to parse your code. When I remove that, your project passes.