Tell us what’s happening:
Apologies if this has been asked before however upon searching the forum and google I have yet to find an answer still. Upon completing all tasks related to the " (New) Responsive Web Design - Survey Form Test" I am stuck on a 20% Completion Rate.
There was one thread that I found online that the test is made up into 5 separate parts?- As such, this is why I am capped out at 20% in the meantime? Once I have ran the test and the 20% completion comes up (all task boxes have been checked off), I have the option to continue on with the course. However, I would only like to continue if I have truly passed the test.
If someone could point me out in the right direction as I would like to progress through the course.
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="styles.css">
<head>
<div class="title">
<div class="container">
<h1 id="title"><b><i>Games Anonymous</h1>
<p id="description">What is your favorite gaming console?</p>
</div>
</div>
</head>
<body>
<div class="Information">
<div class="container">
<fieldset style="border: 2px solid black; width: 10px;">
<form id="survey-form"><b><i>
<label id="name-label">Name</label><br>
<input id="name" type="text" placeholder="Enter your name" required /><br>
<label id="email-label">Email</label><br>
<input id="email" type="email" placeholder="Enter your email" required /><br>
<label id="number-label">Age</label><br>
<input id="number" type="number" placeholder="Age" min="1" max="99" required /><br>
<label>Which console do you have?</label><br>
<select id="dropdown">
<option value="">Select current console</option>
<option value="1">PlayStation</option>
<option value="2">Xbox</option>
<option value="3">Nintendo Switch</option>
<option value="4">PC</option>
</select><br>
<label>How often do you play?</label><br>
<input type="radio" value="1" name="account-type" class="inline">0-2 hrs<br>
<input type="radio" value="2" name="account-type" class="inline">3-5 hrs<br>
<input type="radio" value="3" name="account-type" class="inline">6+ hrs<br>
<label>What genre do you play most?</label><br>
<select id="dropdown">
<option value="">I play..</option>
<option value="1">Action</option>
<option value="2">Shooters</option>
<option value="3">RPG</option>
<select><br>
<label>Where is your console located?</label><br>
<input type="checkbox" value="1" />Living room<br>
<input type="checkbox" value="2" />Office<br>
<input type="checkbox" value="3" />Bonus Room<br>
<input type="checkbox" value="4" />Bedroom<br>
<img class="img" src="https://b3h2.scene7.com/is/image/BedBathandBeyond/mktplace-p-6767c2b8-629a-4d7c-a03c-68ff76999acb?$imagePLP$&wid=256&hei=256" alt="gaming room"/><br>
<label>Leave us a comment!</label></br>
<textarea type="text" rows="5" cols="40" placeholder="Enter your comments here..."></textarea><br>
<button id="submit" type="submit" value="submit">Submit</button>
</form>
</fieldset>
</div>
</div>
<body>
<footer>
<label>123-456789st USA</label>
</footer>
</html>
/* file: styles.css */
.title {
color: white;
text-align: center;
margin-bottom: -80px;
margin-top: 80px;
}
label, input {
line-height: 1.7;
}
.Information {
color: white;
}
body,head,footer {
text-align: center;
}
fieldset {
padding: auto;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
background: rgba(110, 33, 43, 0.8);
}
footer {
text-align: center;
padding-top: 15px;
color: white;
margin-left: auto;
margin-right: auto;
}
html {
background-image: url("https://static.vecteezy.com/system/resources/previews/002/884/043/original/abstract-red-and-black-futuristic-gaming-background-in-livestream-free-vector.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
button {
background: rgba(15, 33, 231, 0.8);
color: white;
border-color: rgba(15, 33, 231, 0.8);
height: 30px;
width: 70px;
}
**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: