Survey Form - Build a Survey Form

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>
     <link rel="stylesheet" href="styles.css">
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width"/>
     <title id="title">Certification</title>
   <h1 id="title">TEST</h1>
    <h1 id="title">Certification Project</h1>
      <p id="description">This is my First Certification Project</p>
      <form id="survey-form">
        <label id="name-label" >Name <input placeholder="Name" id="name" required type="text" id="name"/></label>

        <label id="email-label">Email <input placeholder="" 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">
    <option value="">(select one)</option>
    <option value="1">Easy</option>
    <option value="2">Intermediate</option>
    <option value="3">Advanced</option>
      <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>
        <label id="comments-label">Any comments about what you learned? <textarea placeholder="Enter Comments Here" rows="5" cols="50" id="comments"></textarea></label>
        <input type="checkbox" value="I had fun"/> I had fun!</label>
        <input type="checkbox" value="I learned something"/> I learned something!</label>
<input type="submit" id="submit"/>
/* 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;

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/ Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Remove the duplicate title id in the h1

Also here.

Remove all duplicates.

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