Questions abt survey form, certification project

Hi, just wanna know that after I have done my coding for html, how can i continue to the next step? as it keeps pop up i have done the 20% progress and ask me to continue with the next challenge, which is the Rothko painting.

Feel blue here as a newbie and hope someone can help me here, thanks.

   **Your code so far**
/* file: index.html */
<DOCTYPE html>
<html lang="en"><html>
<head>
<meta charset="UTF-8"></meta>
<meta name="viewport" content="width=device-width,initial-scale=1.0"></meta>
<title>freeCodeCamp Survey Form</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1 id="title">freeCodeCamp Survey Form</h1>
<p id="description"><i>Thank you for taking the time to help us improve the platform</i></p>
<form id="survey-form">
<fieldset>
<label id="name-label">Name<div><input id="name" type="text" name="name-label" placeholder="Enter your name" required /></div></label></br></br>
<label id="email-label">Email<div> <input id="email"type="email" name="email" placeholder="Enter your email" required /></div></label></br></br>
<label id="number-label"> Age(optional)<div> <input id="number" type="number" name="age" placeholder="Age" min="10" max="99" /></div></label></br></br>
<label>Which option best describes your current role?</label></br></br>
<select id="dropdown">
<option value="">Select current role</option>
<option value="1">Student</option>
<option value="2">Full Time Job</option>
<option value="3">Full Time Learner</option>
<option value="4">Prefer not to say</option>
<option value="5">Other</option>
</select></br></br>
<label>Would you recommend freeCodeCamp to a friend?</label></br></br>
<input type="radio" name="definitely-maybe-not sure" value="definitely">Definitely</input></br>
<input type="radio"name="definitely-maybe-not sure" value="maybe">Maybe</input></br>
<input type="radio"name="definitely-maybe-not sure" value="not sure">Not sure</input></br></br>
<label>What is your favorite feature of freeCodeCamp?</label></br></br>
<select id="dropdown">
<option value="">Select an option</option>
<option value="1">Challenges</option>
<option value="2">Projects</option>
<option value="3">Community</option>
<option value="4">Open Source</option>
</select></br></br>
<label>What would you like to see improved? (Check all that apply)</label></br></br>
<input type="checkbox" name="improved" value="Front-end Projects">
<label for="Front-end Projects">Front-end Projects</label></br>
<input type="checkbox" name="improved" value="Back-end Projects">
<label for="Back-end Projects">Back-end Projects</label></br>
<input type="checkbox" name="improved" value="Data Visualization">
<label for="Data Visualization">Data Visualization</label></br>
<input type="checkbox" name="improved" value="Challenges">
<label for="Challenges">Challenges</label></br>
<input type="checkbox" name="improved" value="Open Source Community">
<label for="Open Source Community">Open Source Community</label></br>
<input type="checkbox" name="improved" value="Gitter help rooms">
<label for="Gitter help rooms">Gitter help rooms</label></br>
<input type="checkbox" name="improved" value="Videos">
<label for="Videos">Videos</label></br>
<input type="checkbox" name="improved" value="City Meetups">
<label for="City Meetups">City Meetups</label></br>
<input type="checkbox" name="improved" value="Wiki">
<label for="Wiki">Wiki</label></br>
<input type="checkbox" name="improved" value="Forum">
<label for="Forum">Forum</label></br>
<input type="checkbox" name="improved" value="Additional Courses">
<label for="Additional Courses">Additional Courses</label></br></br>
<label>Any comments or suggestions?</br>
<div><textarea name="comment" rows="5" cols="30" placeholder="Enter your comment here..."></textarea>
</label></div><br>
</fieldset>
</br>
<input id="submit" type="submit" value="Submit"></input>
</form>
</body>
</html>
/* file: styles.css */
body{
 background-image: url(https://images.unsplash.com/photo-1517048676732-d65bc937f952?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80);
 font-family: sans-serif;
 background-color: #7b61cf;
 color:white;
 text-align:center;
}
fieldset{
text-align: left;
background-color:black;
color:white;
font-family:futara;
margin: auto 300px auto 300px;
padding:50px;

}

   **Your browser information:**

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

You have to meet all the user stories.

The first user story says:

  1. You can see a main element with a corresponding id="main-doc", which contains the page’s main content (technical documentation)

I don’t see any main elements and don’t see anything with an id of “main-doc”. You have not met the criteria.

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