Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
\ file: <h1 id="title">THE PRODUCTS QUALITY SURVEY</h1>
<h2>we highly appreciate your concern</h2>
<body class="container"><p id="description">we are interested in knowing whether our products are statisfying our customers needs please be honest in giving out your views</p>
<div class="container">
<center><form id="survey-form">
<input id="name"type="text"required placeholder="value" value="enter your name"><label id="name-label"lable>name</label>
<input id="email" type="email"required placeholder="value" value="enter your email"><label id="email-label">email</label>
<input id="number"type="number" placeholder="value" value=""min="0" max="9"><label id="number-label">number</label>
<select id="dropdown">
<option value="3">better</option>
<option value="9">worst</option>
</select>
<input type="radio"name="interested" value="interested">
<input id="group"type="radio"name="group">
<textarea>any suggestion!</textarea>
<input type="radio"name="good"value="good" >
<input id="submit"type="submit">
<input type="checkbox" value="yes">
<input type="checkbox"value="No">
</form> </body></center>
<style> #name-label{background-color:white;}
#email-label{background-color:white;}
.container{background-color:white;
width:300px;
height:auto;
}
#description{background-color:skyblue;
color:white;}
#title{}
#survey-form{width:250px;
background-color:skyblue;}</style>
<h1 id="title">THE PRODUCTS QUALITY SURVEY</h1>
<h2>we highly appreciate your concern</h2>
<body class="container"><p id="description">we are interested in knowing whether our products are statisfying our customers needs please be honest in giving out your views</p>
<div class="container">
<center><form id="survey-form">
<input id="name"type="text"required placeholder="value" value="enter your name"><label id="name-label"lable>name</label>
<input id="email" type="email"required placeholder="value" value="enter your email"><label id="email-label">email</label>
<input id="number"type="number" placeholder="value" value=""min="0" max="9"><label id="number-label">number</label>
<select id="dropdown">
<option value="3">better</option>
<option value="9">worst</option>
</select>
<input type="radio"name="interested" value="interested">
<input id="group"type="radio"name="group">
<textarea>any suggestion!</textarea>
<input type="radio"name="good"value="good" >
<input id="submit"type="submit">
<input type="checkbox" value="yes">
<input type="checkbox"value="No">
</form> </body></center>
<style> #name-label{background-color:white;}
#email-label{background-color:white;}
.container{background-color:white;
width:300px;
height:auto;
}
#description{background-color:skyblue;
color:white;}
#title{}
#survey-form{width:250px;
background-color:skyblue;}</style>
\ file:
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.54 Safari/537.36
Challenge: Build a Survey Form
Link to the challenge: