Survey Form -Stuck on 20% completion: 5 parts?

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:

I too am getting 20% completion??

1 Like

Same here i am stuck at 20% and everything seems to work

1 Like

I am also receiving 20% no matter if I make any modifications to my survey form.

Has anyone found out if 20% is the correct value out of 100% to proceed?

I was able to proceed … i guess maybe u get 100% after finishing all the required test … I’m on the second course I’ll seee

Confirmed. I finished the second test and got 40% complete so yeah you need to complete all 5 tests to get 100%.

1 Like

Which other test? I am also at 20%

The other 4 final projects

Oh! :kissing: T-ha!
I am over here even editing my CSS to be like the registration form tutorial and still stuck at 20%. :man_facepalming:t6:
Lemme go have my well deserved break.

THERE ARE TOTAL 5 PROJECTS IN WEB DESINING
TOU HAVE COMPLETED ONE PROJECT SO IT SHOWS 20%
AFTER COMPLETING REMAINING 4 PROJECTS YOU GET 100%.[quote=“Mp3, post:1, topic:523950, full:true”]
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:

[/quote]

strong text