Tell us what’s happening:
Hello! It says that I should have at least two radio groups and each radio group should have at least two radio buttons, but I do not understand what is missing. Can you help me? Thank you!
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles-css">
<h1 id="title">App Satisfaction Survey</h1>
<p id="description">Tell us your opinion to help us improve the app</p>
</head>
<body>
<form id="survey-form">
<input id="name" type="text" placeholder="Enter your name" required></input><label id="name-label" for="name">Name</label>
<input id="email" type="email" placeholder="Enter your email" required></input><label id="email-label" for="email">Email</label>
<input id="number" type="number" min="0000000001" max="9999999999" placeholder="Enter your number"></input><label id="number-label" for="number">Number</label>
<label for="type-of-use">Type of use</label>
<select id="dropdown" name="usage type">
<option value="personal use">Personal use</option>
<option value="professional use">Professional use</option>
</select>
<p type="text">How satisfied are you?
<input type="radio" name="very-satisfied" value="very-satisfied">Very satisfied</input>
<input type="radio" name="satisfied" value="satisfied">Satisfied</input>
<input type="radio" name="not-very-satisfied" value="not-very-satisfied">Not very satisfied</input>
<input type="radio" name="completely-unsatisfied" value="completely-unsatisfied">Completely unsatisfied</input>
</p>
<p type="text">Would you use the app again?
<input type="radio" value="yes" name="yes">Yes</input>
<input type="radio" value="no" name="no">No</input>
</p>
<p type="text"></p><label for="what-would-you-change">What would you change?</label>
<input type="checkbox" name="layout" value="layout">Layout</input>
<input type="checkbox" name="speed" value="speed">Speed</input>
<input type="checkbox" name="potential-options" value="potential-option">Potential options</input>
<p type="text">Where did you hear about us?
<input type="checkbox" value="advertisement">Advertisement</input>
<input type="checkbox" value="family-or-friends"> Family or friends</input>
<input type="checkbox" value="work">Work</input>
<input type="checkbox" value="internet">Internet</input>
<input type="checkbox" value="other">Other</input>
</p>
<p type="text">Add any additional comment<textarea type="textarea" id="additional-comments">Additional comments</textarea>
</p>
<button id="submit" type="submit">Submit</button>
</form>
</body>
/* file: styles.css */
head {
width: 100%;
height: 25vh;
text-align: center;
margin: 10px;
background-color: #ff133d;
}
.body {
display: block;
text-align: block;
paddling: 10px;
width: 100%;
height: 75vh;
background-color: #ff3d3d;
}
.h1 {
margin: 1em auto;
text-align: center;
}
.form {
width: 75%;
margin: 0 auto;
max-width: 100px;
min-width: 300px;
}
.label {
display: block;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36
Challenge Information:
Survey Form - Build a Survey Form