Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<title>Camp Survey</title>
<link rel="stylesheet" href="styles.css">
<h1 id="title">Buffalo State Men's Soccer Summer Camp Survey</h1>
<img src="https://pbs.twimg.com/profile_images/1276590977659080706/s1SdwXG__400x400.jpg"/>
<p id="description">Please tell us about your camper's experience this past week!</p>
<fieldset>
<form id="survey-form">
<label id="name-label">Name: <input id="name" type="text" placeholder="Enter your camper's name"required/></label>
<label id="email-label">Email: <input id="email" type="email" placeholder="Enter your email"required/></label>
<label id="number-label">Camper's age: <input id="number" min="4" max="16" type= "number" placeholder="Enter your camper's age"required/></label>
<h4>How did you hear about this camp?</h4>
<select id="dropdown">
<option value="">(select one)</option>
<option>Social Media</option>
<option>Email</option>
<option>Alumni Newsletter</option>
<option>Other</option>
</select>
<h4>How likely are you to recommend this camp to others?</h4>
<label><input type="radio" name="recommend" class="inline" value="1"/>Definitely</label>
<label><input type="radio" name="recommend" class="inline" value="2"/>Very likely</label>
<label><input type="radio" name="recommend" class="inline" value="3"/>Unlikely</label>
<label><input type="radio" name="recommend" class="inline" value="4"/>Will not recommend</label>
<h4>What was the highlight of your camper's week? (Select all that apply)</h4>
<label><input type="checkbox" value="1" class="inline"/> Capture the flag<label>
<label><input type="checkbox" value="2" class="inline"/> Learning new skills<label>
<label><input type="checkbox" value="3" class="inline"/> Meeting new friends<label>
<label><input type="checkbox" value="4" class="inline"/> World Cup<label>
<label><input type="checkbox" value="5" class="inline"/> Pizza lunches<label>
<label><input type="checkbox" value="6" class="inline"/> Coaches vs. Campers<label>
<label><input type="checkbox" value="7" class="inline"/> Camper's challenges<label>
</fieldset>
<fieldset>
<h4>Any other comments or suggestions?</h4>
<textarea name="suggestions" rows="3" cols="30" placeholder="What can we do to improve?"></textarea>
<button type="submit" id="submit">Submit</button>
</fieldset>
</form>
/* file: styles.css */
body {
background-color: orange;
text-align: center;
}
h1, p {
text-align: center;
margin: 1em auto
}
p {
text-align:
}
label {
display: block;
margin: .5em 0auto;
text-align: center
}
img {
display: block;
height: 50px;
margin-left: auto;
margin-right: auto;
}
input[type="text"] {
text-align: left;
width: 200
}
input[type="email"]{
text-align: left;
width: 200
}
input[type="number"] {
text-align: left;
width: 200
}
textarea {
text-align: left;
margin-left: auto;
margin-right: auto;
margin-bottom: 10 auto;
margin-top: 10 auto;
display: block;
}
select {
margin: 0 auto;
background-color: black;
color: orange;
width: 50%;
text-align: center;
display: block;
}
fieldset {
border-left: none;
border-right: none;
border-top: none;
text-align: left;
}
input[type="submit"] {
display: block;
margin: 1em auto;
background-color: black;
color: orange
}
input, textarea {
background-color: black;
color: orange;
}
::placeholder {
color: orange;
}
input[type="radio"] {
accent-color: black;
background-color: orange
}
input[type="checkbox"] {
accent-color: black;
}
h4 {
text-align: center;
}
button {
display: block;
margin-top: 2em auto;
margin-left: auto;
margin-right: auto;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: