Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
/* file: index.html */
<style>
body {
display :flax ;
justify-content:center;
font-family:Helvetica;
}
.container {
border:5px double purple ;
padding :10px;
background-image :linear-gradient(45deg, purple, orange);
}
</style>
<div class="container">
<h1 id="title">Developer
Survey Form for 2022</h1>
<p id="description"> Let's select your favorite programming language </p>
<form id="survey-form">
<div class ="form-control">
<label id="name-label">
Name:
<input id ="name" type ="text"placeholder ="Enter your name"required/>
</label>
</div>
<div class ="form-control">
<label id="email-label">
Email:
<input id ="email"type ="email" placeholder ="Enter your email"required/>
</label>
</div>
<div class ="form-control">
<label id ="number-label">
Age:
<input id="number" type ="number" placeholder ="Age"min="14" max="60"/>
</label>
</div>
<br>
<div class ="form-control">
<select id="dropdown">
<option>Student</option>
<option>Business man </option>
<option>Teacher </option>
<option>Other Field </option>
</select>
</div>
<div class ="form-control">
<p> Select your favorite programming language .</p>
<label>HTML
<input type="radio" name="html " value ="HTML" />
</label>
</label>CSS
<input type="radio" name="radio-group" value="CSS" />
</label>
<label>JavaScript
<input type="radio" name="radio-group" value ="JavaScript" />
</label>
<label>Python
<input type="radio" name="radio-group" value ="Python" />
</label>
</div>
<br>
<div class ="form-control">
<p> Tell me your experience about your selected programming language .
<label>Easy
<input type ="checkbox"value ="easy">
</label>
<label>Difficult
<input type ="checkbox"value ="difficult">
</label>
<label>Useful
<input type ="checkbox"value ="most useful">
</label>
<label> Best One
<input type ="checkbox"value ="Best one">
</label>
</div>
<br>
<div class ="form-control">
<p>Your Message </p>
<textarea></textarea>
</div>
<br>
<div class ="form-control">
<button id ="submit" type="submit">Submit </button >
</div>
</form>
/* file: styles.css */
**Your browser information:**
User Agent is: Mozilla/5.0 (Linux; Android 10; Infinix X680B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.101 Mobile Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge:
