Build a Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Hi I already pass the lecture but I don’t like how the survey sheet is forgot how to they have spaces in between if could someone help me or explain how to do it thanks

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Survey Form</title>
  </head>
<header>
  <h1 id="title">Video Game Survey</h1>
  <p id="description">Thank you for taking your time to let us know which game is the best for you.</p>
<body>
    <form id="survey-form">
      <div>Perfsonal Information</div>
      <label id="name-label">Name</label>
    <input type="text" id="name" name="name"placeholder="Leon-S-Kenedy" required size="20"></input>

    <label id="email-label">Email</label>
    <input type="email" id="email" name="email"placeholder="fake@resident" required size=20></input>
    <label id="number-label">Age:</label>
    <input type="number" id="number" name="number" min="8" max="65" placeholder="18"></input>
    <div>Which of this games was the best for you?</div>
    <select id="dropdown" name="dropdown">
    <option value="Resident-Evil">Resident Evil</option>
    <option value="God-of-War">God of War</option>
    <option value="Devil-May-Cry">Devil May Cry</option>
    <option value="Final-Fantasy">Final Fantasy</option>
    <option value="Marvel-vs-Capcom">Marvel vs Capcom</option>
    </select>
    <div>Will you play more than once this games?</div>
      <label for="yes-option">Yes</label>
    <input id="yes-option" name="survey-form" type="radio" value="yes"></input>
    <label for="no-option">No</label>
    <input id="no-option" name="survey-form" type="radio" value="no"></input>
    <label for"maybe-option">Maybe</label>
    <input id="maybe-option" name="survey-form" type="radio" value="maybe"></input>
    <div>What games you think should be on the survey for best game?</div>
    <label for="cod">Call of duty</label>
    <input type="checkbox" id="cod" name="cod" value="cod"></input>
    <label for="gta">Grand Theft Auto</label>
    <input type="checkbox" id="gta" name="gta" value="gta"></input>
    <label for="dbz">Dragon Ball Z Sparking</label>
    <input type="checkbox" id="dbz" name="dbz" value="dbz"></input>
    <label for="nfs">Need for Speed</label>
    <input type="checkbox" id="nfs" name="nfs" value="nfs"></input>
    <label for="got">Ghost of Toshiba</label>
    <input type="checkbox" id="got" name="got" value="got"></input>
    <label for="mmx">MegaMan X</label>
    <input type="checkbox" id="mmx" name="mmx" value="mmx"></input>
    <label for="oth">Other</label>
    <input type="checkbox" id="oth" name="oth" value="oth"></input>
    <label for="games">Other Games</label>
    <textarea cols="30" rows="5" id="games" name="games"></textarea>
    <button type="submit">Submit</button>
    <input type="submit" id="submit"></input>
    
      </select>
    
    
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Mobile Safari/537.36

Challenge Information:

Build a Survey Form - Build a Survey Form

2

if you don’t like how your project look it’s time to use some CSS

what are some things you want to change?