Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
<title>Survey Form</title>
<link rel="stylesheet" type="text/css" 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">
<fieldset>
<label id="name-label">Name <input id="name" type="text" placeholder="Enter your name" required /></label>
<label id="email-label">Email <input id="email" type="email" placeholder="Enter your email" required/> </label>
<label id="number-label">Age (optional) <input id="number" type="number" min="10" max="99" placeholder="Age" /> </label>
<label>Which option best describes your current role? <select id="dropdown" required>
<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></label>
<label>Would you recommend freeCodeCamp to a friend?</label>
<label><input type="radio" name="recommend" value="definitely" class="inline" />Definitely</label>
<label><input type="radio" name="recommend" value="maybe" class="inline" />Maybe</label>
<label><input type="radio" name="recommend" value="not sure" class="inline"/>Not sure</label>
<label>What is your favorite feature of freeCodeCamp? <select id="fav feature dropdown" required>
<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></label>
<label>What would you like to see improved? (Check all that apply)</label><label><input type="checkbox" value="Front-end Projects" class="inline" />Front-end Projects</label>
<label><input type="checkbox" value="Back-end Projects" class="inline" />Back-end Projects</label>
<label><input type="checkbox" value="Data Visualisation" class="inline" />Data Visualisation</label>
<label>Any comments or suggestions?<textarea name="comment" rows="5" cols="50" placeholder="Enter your comment here..."> </label>
</fieldset>
<fieldset> <button type="submit" id="submit" value="Submit" class="submit button">Submit</button></fieldset>
</form>
</html>
/* file: styles.css */
label {display: block;}
input, textarea, select {width: 100%;
background-color:white;
border: white;}
fieldset {background-color:black;
color: white;}
.inline {width: unset;
margin: 0 0.5em 0 0;
vertical-align: middle;}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Challenge: Build a Survey Form
Link to the challenge:
