Survey Form - Build a Survey Form

Tell us what’s happening:
Hello there…
I’m doing my first project and I passed all questions except the first one… the h1 and I couldn’t even know what went wrong…I need help if its possible to get one…
Thanks in advance

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="styles.css">
    <meta charset="UTF-8">
    <title id="title">Survey Form</title>
  </head>
  <body>
    <h1 id="title">Survey Form</h1>
    
    <p id="description">Thank you in advance for being cooperative to fill this survey form</p>
    <form id="survey-form">
    <fieldset>
      <label for="name-label" id="name-label">Name: <input type="text" id="name" placeholder="Enter your name" required></label>
      <label for="email-label" id="email-label">Email: <input type="email" id="email" required  placeholder="Enter your email" required></label>
      <label for="number-label" id="number-label">Age: <input type="number" id="number" min="11" max="90" placeholder="Enter your age"></label>
    </fieldset>
    <label>What is your  area of expertise ? 
      <select id="dropdown">
        <option value="""">(select one)</option>
        <option value="1">Student</option>
        <option value="2">Consultant</option>
        <option value="3">Information Science</option>
        <option value="4">Finance expert
        </option>
      </select>
      </label>
    <label>Male <input type="radio" name="gender" value="male" class="inline"></label>
    <label>Female <input type="radio" name="gender" value="female" class="inline"> </label>
    <label>None <input type="radio" name="gender" value="none" class="inline"></label>
    <fieldset>
    <label>What are your favourite free time activities ?
      <select>
        <option value="1">Football</option>
        <option value="2">Table tennis</option>
        <option value="3">Bicycle</option>
        <option value="4">Box</option>
        <option value="5">Basketball</option>
      </select>
      </label>
      </fieldset>
    <fieldset>
    <label>What are you digital skills ? (Check all that apply) </label>
    <label> <input type="checkbox" value="checkbox" class="inline"> Internet surfing </label>
    <label><input type="checkbox" value="checkbox" class="inline"> Microsoft office pack</label>
    <label><input type="checkbox" value="checkbox" class="inline"> Coding beginner level<label>
    <label><input type="checkbox" value="checkbox" class="inline"> Google workspace</label>
    <label><input type="checkbox" value="checkbox" class="inline"> Graphics design</label>
    <label><input type="checkbox" value="checkbox" class="inline"> social media activities</label>
    </fieldset>
    <fieldset>
      <label>Any comments or suggestions ?
      <label for="bio">
        <textarea placeholder="Enter your comment here..."></textarea>
      </label>
      <input type="submit" value="Submit" id="submit">
    </fieldset>
    </form>
  </body>
</html>



/* file: styles.css */
label{
  margin-bottom: 10px;
  display: block;
  margin: 0.5rem 0;
  padding: 3px;
  font-size: 18px;
}

input{
  width: 100%;
  height: 30px;
  margin: auto;
  font-size: 16px;
}

body{
  background-color: #1b1b32;
  font-size: 16px;
  color: white;
  font-family: Tahoma;
}

fieldset{
  border: none;
  padding: 1rem 0
}

textarea{
  width: 100%;
  height: 75px;
}

select{
  width: 100%;
  height: 25px;
  font-size: 15px;
}

.inline{
  width: unset;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}

form{
  width: 60vw;
  max-width: 500px;
  min-width: 300px;
  margin: 0 auto;
  padding-bottom: 2em;
}

h1, p {
  text-align: center;
}

input[type="submit"]{
  background-color: green;
  height: 50px;
  font-size: 16px;
  color: white;
}

select{
  margin: 10px 0 0 0;
  width: 100%;
  min-height: 2em;
}

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

The error is because you are using id=“title” twice. Once in the <title id="title">Survey Form</title> and once in h1

take a look at this line

Thanks a lot, it works…

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.