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" href="styles.css" />
</head>
<body>
<h1 id="title">RoxieSpur 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 type="text" id="name" placeholder="Enter your name" required /></label>
<label id="email-label">Email<input type="email" id="email" placeholder="Enter you email" required/></label>
<label id="number-label">Age (optional)<input type="number" id="number" placeholder="Age" min="13" max="120"/></label>
<label>Which option best describes your current role?
<select id="dropdown">
<option value="">Select current role</option>
<option value="1">Student</option>
<option value="2">Working-class Youth</option>
<option value="3">Blogger</option>
<option value="4">Prefer not to say</option>
<option value="5">Other</option>
</select>
</label>
</fieldset>
<fieldset>
<legend>Would you recommend RoxieSpur to a friend?</legend>
<label><input name="definitely" type="radio" value="definitely" checked />Definitely </label>
<label><input name="maybe" type="radio" value="maybe" />Maybe </label>
<label><input name="not sure" type="radio" value="not-sure" />Not sure </label>
</fieldset>
<fieldset>
<label>What's your favorite feature of RoxieSpur?
<select id="dropdown">
<option value="">Select an option</option>
<option value="1">News Updates</option>
<option value="2">Sports Updates</option>
<option value="3">Entertainment News</option>
<option value="4">Community</option>
</select>
</label>
</fieldset>
<fieldset>
<legend>What would you like to see improved?</legend>
<label><input type="checkbox" value="fresh-quality-content">Fresh Quality Content</label>
<label><input type="checkbox" value="optimization-for-mobile">Optimization for Mobile</label>
<label><input type="checkbox" value="easy-accessibility">Easy Accessibility</label>
<label>Any comments or suggestions?
<textarea rows="4" cols="30" placeholder="Enter your comment here..."></textarea>
</label>
</fieldset>
<input id="submit" type="submit" value="Submit" />
</form>
</body>
</html>
/* file: styles.css */
**Your browser information:**
User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14469.41.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.57 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: