Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.
I’m not sure why the “

Would you recommend freeCodeCamp to a friend?
” is not showing"

All I see are the radio buttons
I’m stuck here for a day now :frowning:

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" />
<title>Registration Form</title>
</head>


<body>
<h1 id="title">FreeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the platform<p>
<form id="survey-form">
<fieldset><label id="name-label" for="name">Name <input id="name" type="text" required="" placeholder="Enter your name"/></label> 

<label id="email-label" for="email">Email <input id="email" type="email" required="" placeholder="Enter your Email"/></label> 

<label id="number-label" for="number">Age <input id="number" type="number" required="" placeholder="Enter your Age" min="13" max="120"/></label> 

<label for="dropdown">Which option best describes your current role?
<select id="dropdown" name="referrer">
<option value="">(select one)</option>
<option value="1">Student</option>
<option value="2">Part-time </option></label>

<div><label>Would you recommend freeCodeCamp to a friend? </label><div>
<label for="definitely"><input value="Definitely"  name="radio-group" type="radio" class="inline"/> Definitely</label>
<label for="Maybe"> <input value="Maybe" type="radio" name="radio-group" class="inline"/>Maybe</label>
<label for="Not-sure"><input  value="Not-sure" type="radio" name="radio-group" class="inline"/> Not sure</label>
</fieldset>


  

</body>



















</html>
/* file: styles.css */
h1,p{
  text-align: center;
  margin: 1em auto;
}


body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
  font-family: Tahoma;
  font-size: 16px;

}
form {
   width: 1000px;
   margin: 0 auto;
}

label{
display:block;
margin: 0.5rem 0;

}

input,textarea,select {
  margin: 10px 0px 0px 0px;
  width: 100%;
  min-height: 3em;
}

.inline{
    width: unset;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
  font-size:10px;
  display: inline-block;	
  height: 30px; 
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

You’ve got some major HTML errors which are causing this problem. I would run your HTML through a validator and fix all the errors.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.