Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
/* file: index.html */
<!Doctype html>
<html>
<head>
<link rel="stylesheet" href="styles.css" type="text/css">
<title>Survey Form</title>
</head>
<body>
<!-- Title of Survey form-->>
<h1 id="title">Survey Form</h1>
<hr>
<!--Description of survey form-->
<p id="description">Survey for is a form you can use to make a survey</p>
<!--inputs, ids,select, fieldset, form and labels-->
<form id="survey-form">
<label id="name-label">Name
<input type="text" id="name" placeholder="Name" required>
</label>
<label id="email-label">Email
<input type="email" id="email" placeholder="Email" required>
</label>
<label id="number-label">Number
<input type="number" id="number" placeholder="Number" min="10" max="11">
</label><br>
<label for="dropdown-label">Gender
<select name="gender" id="dropdown" required>
<option>Select</option>
<option value="male">Male</option>
<option value="female">Female</option>
</label>
</select>
<div>
<label for="Status">Status
<input type="checkbox" value="single" name="single-married">Single</input>
<input type="checkbox" value="married" name="single-married">Married</input>
</label>
<input type="radio" name="price" value="thousand">Thousand<br>
<input type="radio" name="price" value="lakh">Lakh<br>
<input type="radio" name="price" value="crore">Crore
</br>
<hr>
<input type="radio" name="gender" value="male">Male<br>
<input type="radio" name="gender" value="female">Female<br>
<input type="radio" name="gender" value="other">Other
<textarea id="textarea" name="textarea"
rows="4" cols="50">
<br>
<input id="submit" type="submit" value="submit">Submit
</form>
</body>
</html>
/* file: styles.css */
**Your browser information:**
User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.98 Safari/537.36
Challenge: Build a Survey Form
Link to the challenge: