Tell us what’s happening:
how can I submit my code its not working for some reason is there something I missed?
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<html>
<div>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<h1 id="title"> Service rating
</h1>
<p id="description">
Pablo hut restourant</p>
<fieldset>
</fieldset>
<form id="survey-form"> <label> Name: <input id="name-label" type:"text" placeholder="type your name here" required> </label>
<label> Email:<input type="email" id="email-label" placeholder="type your email here" required> </label>
<label>How long did you wait for your food (minitues) <input id="number-label" type="number" min="1" max="100" placeholder="type the hour here"> </label>
<p1>How did you hear about us</p1>
<label>
<select id="dropdown">
<option value="1" >friends/family </option>
<option value="2" >internet </option> <option value="2" >ad </option> <option value="2" > driving by </option> </select> </label>
<p1>How would you rate us</p1> <label> 1 <input type="radio" name="radio-button" class="inline"> </label>
<label> 2 <input type="radio" name="radio-button" class="inline"> </label>
<label> 3 <input type="radio" name="radio-button" class="inline"> </label>
<label> 4 <input type="radio" name="radio-button" class="inline"> </label>
<label> 5 <input type="radio" name="radio-button" class="inline"> </label>
<p1 class:"question">Would you visit us again</p1>
<label>yes <input type="checkbox" value="" class="inline"></label>
<label>no <input type="checkbox" value="" class="inline"></label>
<p1>Additional comments:</p1>
<label> <textarea > </textarea>
</label>
<input type="submit" value="Submit" id="submit" />
</form>
</div>
</html>
/* file: styles.css */
input{
margin: 10px 0 0 0;
width: 100%
}
label {
display: block;
margin: 0.5rem 0;
}
form {
width: 60vw;
max-width: 500px;
min-width: 300px;
margin: 0 auto;
padding-bottom: 2em;
color: white
}
.numbers{
width:20px;
}
.inline {
width: unset;
margin: 0 0.5em 0 0;
vertical-align: middle;
}
h1{
margin: auto;
text-align: center;
color: white;
padding:10;
}
p{
margin: auto;
text-align: center;
color: #FFFAFA;
}
div {
background-color:#202A44;
}
.question {
text-align: left;
margin: auto;
}
fieldset {
border: none;
padding: 2rem 0;
border-bottom: 3px solid #3b3b4f;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.5 Safari/605.1.15
Challenge: Survey Form - Build a Survey Form
Link to the challenge:
