please i just wanna know how can i make the codes descendant to the #survey form, because it seems its like the only command im missing
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8">
<title>Registration Form</title></head>
<body><h1 id="title">Registration Form</h1>
<p id="description"> Fill the form with the required information</p>
<Fieldset>
<form id="survey-form">Survey-Form</form>
<label for="name">First Name:<input type="text" id="name" placeholder="First Name" required/></label>
<label for="name" id="name-label">Last Name:<input type="text" id="name" placeholder="Last Name" required/></label>
<label for="email" id="email-label">Email Address:<input type="email" id="email" placeholder="Email address" required/></label>
<label for="number" id="number-label"> Create New Password:<input type="number" placeholder="Password" id="number" min="8" max="20"/></label></fieldset>
<fieldset>
<label for="personal-account"> <input value="personal-account" class="yusuf" type="radio" id="personal-account" name="account-type"/> Personal Account</label>
<label for="Business-account"> <input value="business-account" class="yusuf" type="radio" id="Business-account" name="account-type"/> Business Account</label>
<label for="terms-and-condition"><input value"value" class="yusuf" type="Checkbox" name="selection"/>I accept the terms and condition</label>
<label for="terms-and-condition"><input value"value" class="yusuf" type="Checkbox" name="selection"/>I accept the terms and condition</label>
</fieldset>
<fieldset>
<label for="profile-picture">Upload a profile picture:<input type="file" id="profile-picture"/></label>
<label for="age">Input your age(years):<input type="number" min="18" max="80" id="age"/><label>
<label>How did you here about us?: <select id="dropdown"><option>Select here</option>
<option>Refer by a friend
<option>Google search
<option>Other...
</select></label>
<label><Textarea>Your Bio:</textarea>
</fieldset>
<input type="submit" name="Submit" id="submit"></input>
</body>
/* file: styles.css */
body{background-color:#1b1b32;
width:100%;
height:100vh;
margin:0
color:white;
font-family:tahoma;
font-size:16px;}
p,h1{text-align:center;
margin:1em auto;}
form {
width: 60vw;
max-width: 500px;
min-width: 300px;
margin: 0 auto;
padding-bottom: 2em;}
fieldset {
border: none;
padding: 2rem 0;
border-bottom: 3px solid #3b3b4f;}
fieldset:last-of-type {
border-bottom: none;}
label {
display: block;
margin: 0.5rem 0;}
input,
textarea,
select {
margin: 10px 0 0 0;
width: 100%;
min-height: 2em;}
input, textarea {
background-color: #0a0a23;
border: 1px solid #0a0a23;
color: #ffffff;}
.yusuf {
width: unset;
margin: 0 0.5em 0 0;
vertical-align: middle;}
input[type="submit"] {
display: block;
width: 60%;
margin: 1em auto;
height: 2em;
font-size: 1.1rem;
background-color: #3b3b4f;
border-color: white;
min-width: 300px;}
input[type="file"] {
padding: 1px 2px;}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: