Tell us what’s happening:
I don´t see what I´m doing wrong. Need help!!
**Your code so far**
/* file: index.html */
<!DOCTYPE htmal>
<html>
<head>
<title>freeCodeCamp Survey Form</title>
<link rel="stylesheet"href="styles.css">
</head>
<body>
<h1 id="title">freeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the platform</p>
<form id="survey-form">
<div class="id">
<label id="name-label">Name
<input id="name"type="text"class="inline"placeholder="Enter your name">
</label>
<label name="email-label"> Email
<input id="email"type="email"class="inline"placeholder="Enter your Email"></label>
<label id="number-label"> Age
<input id="number"type="number"min="13"max="120"class="inline"placeholder="Age"></label>
</div>
<div>
<label id="role"> Which option best describes your current role?
<select id="dropdown"class="inline">
<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>
</div>
<div id="tic">Would you recommend freeCodeCamp to your friends?
<label><input type="radio"name="recommend"class="left">Definitely</label>
<label><input type="radio"name="recommend"class="left"> Maybe</label>
<label><input type="radio"name="recommend"class="left"> Not sure</label>
</div>
<div id="like">What is your favourite feature of freeCodeCamp?
<select id="dropdown"class="inline">
<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>
</div>
<div id="see">What would you like to see improved?(check all that apply)
<label> <input id="checkbox"type="checkbox"class="left">Front-end Projects</label>
<label><input id="checkbox"type="checkbox"class="left">Back-end Projects</label>
<label><input id="checkbox"type="checkbox"class="left">Data Visualization</label>
<label><input id="checkbox"type="checkbox"class="left">Challenges</label>
<label><input id="checkbox"type="checkbox"class="left">Open Source Community</label>
<label><input id="checkbox"type="checkbox"class="left">Gitter helps room</label>
<label><input id="checkbox"type="checkbox"class="left">Videos</label>
<label><input id="checkbox"type="checkbox"class="left">City Meetups</label>
<label><input id="checkbox"type="checkbox"class="left">Wiki</label>
<label><input id="checkbox"type="checkbox"class="left">Forum</label>
<label><input id="checkbox"type="checkbox"class="left">Additional Courses</label>
</div>
<fieldset>Any comments or suggestions?
<label><input id="text"type="text"rows="3"cols="30"placeholder="Enter your comment here"></label>
</fieldset>
<input id="submit"type="submit">
</form>
</body>
</html>
/* file: styles.css */
h1, p, body {
text-align: left;
font-family: tahoma;
background-color: rgb(220,220,255)
}
.inline{
display: block;
width: 100%;
div {
margin-top: 30px;
margin-bottom: 30px;
}
div[id=tic]{
display: block;
width: 100%
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: