Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<body>
<head>
<meta charset="UTF-8">
<title>freeCodeCamp Survey Form</title>
<link rel="stylesheet" href="styles.css">
</head>
<h1 id="title"/>freeCodeCamp Survey Form<h1>
<p id="description" />Thankyou for taking the time to help us improve the platform</p>
<form id="survey-form" action="register-demo.freecodecamp.org">
<fieldset>
<label id="name-label">Name<input id="name" type="text" placeholder="Enter your name" required/></label>
</fieldset>
<fieldset>
<label id="email-label" >Email<input id="email" type="email" placeholder="Enter your Email" required/>
</label>
</fieldset>
<fieldset>
<label id="number-label">Age(optional)<input id="number" type="number" placeholder="Age" min="4" max="8"required></label>
</fieldset>
<label1>Which option is best to describe your current role?
<select id="dropdown" width=300
style="width: 350px">
<option value='' selected>Select current role</option>
<option>Student</option>
<option>Full Time Job</option>
<option>Full Time Learner</option>
<option>Prefer not to say</option>
<option>Others</option>
</select>
<fieldset>
<label>What os your favorit feature of freeCodeCamp?</label><br>
<fieldset id="group1">
<input type="radio" value="Definately">
<input type="radio" value="May be">
</fieldset>
<fieldset id="group2">
<input type="radio" value="not sure">
</fieldset>
</fieldset>
<label id="dropdown">What is your favorite feature of freeCodeCamp?
<select width=300
style="width:350px">
<option>Challenges</option>
<option>Projects</option>
<option>Community</option>
<option>Open Source</option>
<option value=''selected>Select an option</option>
<fieldset> id="dropdown" required>
<input type="checkbox" id="1" name="1" value="see improved">
<label for="1">Front-end Projects</label><br>
<input type="checkbox" id="2" name="2" value="see improved">
<label for="2">Back-end Projects</label><br>
<input type="checkbox" id="3" name="3" value="see improved">
<label for="3">Data Visualization</label><br>
<input type="checkbox" id="4" name="4" value="see improved">
<label for="4">Challenges</label><br>
<input type="checkbox" id="5" name="5" value="see improved">
<label for="5">Open Source Community</label><br>
<input type="checkbox" id="6" name="6" value="see improved">
<label for="6">Gitter help rooms</label><br>
<input type="checkbox" id="7" name="7" value="see improved"><label for="7">Videos</label><br>
<input type="checkbox" id="8" name="8" value="see improved"><label for="8">City Meetups</label><br>
<input type="checkbox" id="9" name="9" value="see improved"><label for="9">Wiki</label><br>
<input type="checkbox" id="10" name="10" value="see improved"><label for="10">Forum</label><br>
<input type="checkbox" id="11" name="11" value="see improved"><label for="11">Additional Courses</label><br>
</fieldset>
<textarea id="Comments and suggestions" name="Comments and suggestions" rows="4" cols="50">
</textarea>
<input id="submit" type="submit" value="submit">
</form>
</html>
/* file: styles.css */
body{
width:100%;
height:10vh;
margin:20; background-color:#151B54;
color:#f5f6f7;
}
h1{
text-align:center;
font-size:30px;
}
p{
font-size:15px;
font-style:italic;
}
fieldset, input{
text-align:left;
font-size:15px;
}
label1{
font-size:19px;
text-align:left;
}
**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:
Kindly guide about the hint which is not fulfill