Tell us what’s happening:
i ran and passed all the tests. Saved the code.
nothing happens.
What else do I have to do to pass the survey form test and get the certification? please help
Thanks!
Your code so far
WARNING
The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.
You will need to take an additional step here so the code you wrote presents in an easy to read format.
Please copy/paste all the editor code showing in the challenge from where you just linked.
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>FreeCodeCamp Survey Form</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header class="wrapper">
<div class="title_wrapper">
<h1 id="title">FreeCodeCamp Survey Form</h1>
<p id="description"><em>Thank you for taking the time to help us improve the platform</em></p>
</div>
<form id="survey-form" class="form" action="index.html" method="post">
<div class="form_group">
<label id="name-label" for="name">Name</label>
<input id="name" type="text" name="name" value="name" required placeholder="Enter your name">
</div>
<div class="form_group">
<label id="email-label" for="email">Email</label>
<input id="email" type="email" name="email" value="email" placeholder="Enter your email">
</div>
<div class="form_group">
<label id="number-label" for="number">Age (optional)</label>
<input id="number" type="number" name="number" value="number" placeholder="Age" min="1" max="120">
</div>
<div class="form_group">
<label for="dropdown">Which option best describes your current role?</label>
<select id="dropdown" class="" name="">
<option value="student">Student</option>
<option value="fulltimejob">Full Time Job</option>
<option value="fulltimelearner">Full Time Learner</option>
<option value="prefernottosay">Prefer Not To Say</option>
<option value="other">Other</option>
</select>
</div>
<div class="form_group">
<h3>Would you recommend FreeCodeCamp to a friend?</h3>
<input class="input-radio" id="definitely" type="radio" name="recommend" value="definitely">
<label for="definitely">Definitely</label>
<input class="input-radio" id="maybe" type="radio" name="recommend" value="maybe">
<label for="maybe">Maybe</label>
<input class="input-radio" id="notsure" type="radio" name="recommend" value="notsure">
<label for="notsure">Not Sure</label>
</div>
<div class="form_group">
<h3>What would you like to see improved? (Check all that apply)</h3>
<input class="input-checkbox" type="checkbox" id="improve1" name="improve1" value="frontend">
<label for="improve1">Front-end Projects</label><br>
<input class="input-checkbox" type="checkbox" id="improve2" name="improve2" value="backend">
<label for="improve2">Back-end Projects</label><br>
<input class="input-checkbox" type="checkbox" id="improve3" name="improve3" value="data">
<label for="improve3">Data Visualization</label><br>
<input class="input-checkbox" type="checkbox" id="improve4" name="improve4" value="challenges">
<label for="improve4">Challenges</label><br>
<input class="input-checkbox" type="checkbox" id="improve5" name="improve5" value="opensuorce">
<label for="improve5">Open Source Community</label><br>
<input class="input-checkbox" type="checkbox" id="improve6" name="improve6" value="gitter">
<label for="improve6">Gitter help rooms</label><br>
<input class="input-checkbox" type="checkbox" id="improve7" name="improve7" value="videos">
<label for="improve7">Videos</label><br>
<input class="input-checkbox" type="checkbox" id="improve8" name="improve8" value="city">
<label for="improve8">City Meetups</label><br>
<input class="input-checkbox" type="checkbox" id="improve9" name="improve9" value="wiki">
<label for="improve9">Wiki</label><br>
<input class="input-checkbox" type="checkbox" id="improve10" name="improve10" value="forum">
<label for="improve10">Forum</label><br>
<input class="input-checkbox" type="checkbox" id="improve11" name="improve11" value="courses">
<label for="improve11">Additional Courses</label><br>
</div>
<div class="form_group">
<label for="textarea">Any comments or suggestions?</label>
<textarea class="textarea" name="textarea"></textarea>
</div>
<div class="form_group">
<input class="submit" id="submit" type="submit" name="submit" value="submit">
</div>
</form>
</header>
</body>
</html>
body {
background-color: blue;
}
@media (min-width: 768px)
.wrapper {
max-width: 720px;
}
@media (min-width: 576px)
.wrapper {
max-width: 540px;
}
.wrapper {
width: 100%;
margin: 3.125rem auto 0 auto;
}
div {
outline: 1px solid #036cdb!important;
}
.title_wrapper h1, .title_wrapper p, label, h3 {
color: white;
}
.title_wrapper {
padding: 0 0.625rem;
margin-bottom: 1.875rem;
display:block;
}
}
.form_group {
margin: 0 auto 1.25rem auto;
padding: 0.25rem;
}
label {
display: flex;
align-items: center;
font-size: 1.125rem;
margin-bottom: 0.5rem;
}
.content_wrapper {
background-color: red;
width: 100%;
margin: 3.125rem auto 0 auto;
}
.input-radio, .input-checkbox {
display: inline-block;
margin-right: 0.625rem;
min-height: 1.25rem;
min-width: 1.25rem;
}
.textarea {
min-height: 120px;
width: 100%;
padding: 0.625rem;
resize: vertical;
}
textarea {
outline: 1px solid #cc5400!important;
}
.submit {
display: block;
width: 100%;
padding: 0.75rem;
background: #C3FF99;
color: inherit;
border-radius: 2px;
cursor: pointer;
}
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: