Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
<h1 id="title">Survey Form</h1>
<p id="description">Thank you for taing your time to help us improve the platform</p>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<form id="survey-form">
<label id="name-label">Name <input id="name" type="text" required placeholder="Enter your name"></input></label>
<label id="email-label">Email <input id="email" type="email" required placeholder="Enter your Email"></input></label>
<label id="number-label">Number <input id="number" type="number" min="6" max="50" placeholder="20"></input></label>
<label>Which option best describes your current role?
<select id="dropdown">
<option>Student</option>
<option>Full Time Job</option>
<option>Full Time Learner</option>
<option>Other</option>
</select>
<label>Would you reccomend freeCodeCamp to a friend?<input type="radio" name="refferal" value="submit" class="inline">Definitely</input> <input type="radio" name="refferal" value="submit" class="inline">Maybe</input><input type="radio" name="refferal" value="submit" class="inline">Not Sure</input></label>
</label>
<label>What would you like to see improved? (check all that apply)
<input type="checkbox" value="submit" class="inline">Front-end Projects</input>
<input type="checkbox" value="submit" class="inline">Back-end Projects</input>
<input type="checkbox" value="submit" class="inline">Data Visualisation</input>
<input type="checkbox" value="submit" class="inline">Challenges</input>
<input type="checkbox" value="submit" class="inline">Open Source Community</input>
<input type="checkbox" value="submit" class="inline">Forum</input>
<label>Any comment or suggestions?<textarea placeholder="Enter your comment here"></textarea></label>
<button id="submit">Submit</button>
</form>
</body>
</html>
/* file: styles.css */
body {
font-family: Tahoma;
fnt-size: 16px;
width: 100%;
height: 100vh;
margin: 0;
background-color: #659DBD;
COLOR: #F5F6F7;
}
h1, p {
margin: 1em auto;
text-align: center;
}
form {
margin: 0 auto;
max-width: 500px;
min-width: 300px;
width:60vw
}
label {
display: block;
margin: 0.5rem 0;
}
input, textarea, select {
width: 100%;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
.inline {width: unset;
margin-right: 0.5em;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Challenge: Build a Survey Form
Link to the challenge:
