Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

It is telling me I haven’t used a id=“title” in my

I thought I have it clearly there. Just be sure a created a second TEST line above it with a id=“title”. Where am I going wrong?
Your code so far

<!-- file: index.html -->
<DOCTYPE! html>
  <html>
   <head>
     <link rel="stylesheet" href="styles.css">
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width"/>
     <title id="title">Certification</title>
   </head>
   <h1 id="title">TEST</h1>
   <body>
     
    <h1 id="title">Certification Project</h1>
      <p id="description">This is my First Certification Project</p>
      <form id="survey-form">
        <fieldset>
        <label id="name-label" >Name <input placeholder="Name" id="name" required type="text" id="name"/></label>

        <label id="email-label">Email <input placeholder="example@email.com" id="email" required id="email" type="email"/></label>

        <label id="number-label">Age (Optional) <input placeholder="Age" id="number" type="number" min="7" max="150" /><label>
  <label id="dropdown-label"> Please rate your difficulty learning: <select id="dropdown">
    </fieldset>
    <fieldset>
    <option value="">(select one)</option>
    <option value="1">Easy</option>
    <option value="2">Intermediate</option>
    <option value="3">Advanced</option>
    </select>
    </fieldset>
    <fieldset>
      <h2>Did you prefer learning HTML or CSS?</h2>
   <label><input type="radio" value="CSS"name="preference"/>CSS</label>
   <label><input type="radio" value="HTML"name="preference"/>HTML</label>
   </fieldset>
   <fieldset>
        <label id="comments-label">Any comments about what you learned? <textarea placeholder="Enter Comments Here" rows="5" cols="50" id="comments"></textarea></label>
    </fieldset>
    <fieldset>
      <label>
        <input type="checkbox" value="I had fun"/> I had fun!</label>
      <label>
        <input type="checkbox" value="I learned something"/> I learned something!</label>
    </fieldset>
        
<input type="submit" id="submit"/>
      </form>
   </body>
  </html>

/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
  font-family: Tahoma;
  font-size: 16px;
}

h1, p {
  margin: 1em auto;
  text-align: center;
}

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

fieldset {
  border: none;
  padding: 2rem 0;
  border-bottom: 3px solid #3b3b4f;
}

fieldset:last-of-type {
  border-bottom: none;
}

label {
  display: block;
  margin: 0.5rem 0;
}

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

input, textarea {
  background-color: #0a0a23;
  border: 1px solid #0a0a23;
  color: #ffffff;
}

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

input[type="submit"] {
  display: block;
  width: 60%;
  margin: 1em auto;
  height: 2em;
  font-size: 1.1rem;
  background-color: #3b3b4f;
  border-color: white;
  min-width: 300px;
}

input[type="file"] {
  padding: 1px 2px;
}

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:

2

Remove the duplicate title id in the h1

3

Also here.

Remove all duplicates.

4

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