Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Survey Form</title>
<link rel="stylesheet" type="text/css"
href="styles.css">
</head>
<body>
<h1>freeCodeCamp Survey Form</h1>
<p class="b">Thank you for taking the time to help us improve the platform</p>
<form action="#" class="center">
<fieldset>
<label for="name" >Name </label>
<input type="text" id="name" placeholder="Enter your Name" required>
<label for="email">Email</label>
<input type="email" id="email" placeholder="Enter your Email" required>
<label for="number"> Age(optional)</label>
<input type="number" id="number" min="10" max="120">
</fieldset>
<fieldset>
<p>Which option best describes your current role?</p>
<select>
<option disapled selected >Select current Role</option>
<option value="studen">Student</option>
<option>Full Time Job</option>
<option>Full Time Learner</option>
<option>Other</option>
</select>
</fieldset>
<fieldset >
<p>Would you recommend freeCodeCamp to a friend?</p>
<label> <input type="radio" name="iname"value="iname" > Definitely</label>
<label> <input type="radio" name="iname" value"iname" > Maybe</label>
<label> <input type="radio" name="iname" value="iname" > Not sure</label>
</fieldset>
<fieldset>
<p>What is your favorite feature of freeCodeCamp?</p>
<select>
<option disapled selected >Select an option</option>
<option>Challenges</option>
<option>Porjects</option>
<option>Community</option>
<option>Open Source</option>
</select>
</fieldset>
<fieldset>
<p>What would you like to see improved? (Check all that apply)</p>
<label> <input type="checkbox" value="front">Front-end projects</label>
<label> <input type="checkbox" value="back">Back-end Project</label>
<label> <input type="checkbox" value="data">Data Visualization
</label>
<label> <input type="checkbox" value="challenges">Challenges</label>
<label> <input type="checkbox" value="commuinty">Open Source Community</label>
<label> <input type="checkbox" value="gitter">Gitter help rooms</label>
<label> <input type="checkbox" value="vedieo">Vedieos</label>
<label> <input type="checkbox" value="city">City Meetups</label>
<label> <input type="checkbox" value="wiki">Wiki</label>
<label> <input type="checkbox" value="fourm">Forum</label>
<label> <input type="checkbox" value="courses">Additional Courses</label>
</fieldset>
<fieldset>
<p>Any comments or suggestions?</p>
<textarea id="comment" row="10" col="20" placeholder="Enter your comment here"></textarea>
</fieldset>
<input type="submit" value="Submit" id="submit">
</form>
</body>
</html>
/* file: styles.css */
body{
background-color:#1b1b32;
color:white;
margin:0;
width:100%
height: 100%;
}
h1 , .b{
text-align:center;
}
.center{
margin:0 auto;
}
fieldset{
margin: 20px 0;
border:0;
}
input[type=email],input[type=text],input[type=number], select{
width:100%
}
label {
display:block;
margin:10px 0;
}
textarea{
width:100%;
height:80px;
}
input[type=submit]{
width:80%;
margin:0 auto;
background-color:green;
color:white;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36
Challenge: Build a Survey Form
Link to the challenge:
