Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
<title>Survey form</title>
<link rel='stylesheet' type='text/css' href='styles.css'/>
</head>
<body>
<h1 id='title'>freeCodeCamp Survey Form<h1>
<p id='description'>Thank you for taking the time to help us improve the platform<p>
<div>
<form action='https://www.freecodecamp.org/' id='survey-form'>
<label id='name-label'>Name <input id='name' type="text" placeholder='enter your name' required> </label>
<label id='email-label'>Email <input type='email' id='email' required placeholder='enter your email'></label>
<label id='number-label'>Age(optional) <input type='number' id='number' placeholder='10' min='10' max='20' </label>
<label>what option best describe your role <select id="dropdown"><option> select current role</option>
<option>student</option>
<option> full time job</option>
<option>full time learner</option></select></label>
<label id='what-would'>would you recommend to a friend <input id ='definitely'type='radio' name='definitely-maybe' class='inline' value='definitely'>definitely
<input type='radio'name="definitely-maybe" class='inline' value='maybe'>maybe
</label>
<label id='improve'>what would you like to see improved?
<input class='inline' id='frontend' type='checkbox' value='frontend'>frontend
<input id = "videos" type='checkbox' class='inline' value='videos'>videos
<input type='checkbox' id='wiki' class='inline' value='wiki'>wiki
</label>
<label id='suggestion'>Any suggestions <textarea id="textarea" plcaeholder='enter your comment here'></textarea> </label>
<input id='submit' type='submit'>
</form>
</div>
</body>
</html>
/* file: styles.css */
body{
width:100vw;
height:100vh;
margin:0;
font-family: serif;
background-color:pink;
font-size:12px;
}
#survey-form{
width:80%;
margin:auto;
padding:20px;
}
#title{
font-size:20px;
text-align:center;
margin-top:12px;
}
#description{
text-align:center;
font-size:20px;
margin-top:12px;
}
label{
display:block;
margin-bottom:8px;
}
input,select,textarea{
width:100%;
margin-top:8px;
}
.inline{
width:unset;
vertical-align:center;
}
input[type='submit']{
width:60%;
display:block;
margin: 20px auto;
padding:16px;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
Challenge: Build a Survey Form
Link to the challenge:
