Stuck on creating a group of read buttons

HTML-CSS
1

I’m only one error away from finishing the survey form and below is the solution I must apply to finish the test, please help.

13. Inside the form element, I can select a field from one or more groups of radio buttons. Each group should be grouped using the name attribute. Each radio button must have a value attribute.

https://codepen.io/jayores/pen/yLaLYzP?editors=1100
codepen link

2

Hi,

A radio button is used when you want the user to select only one option, not several.
In your form, the user is able to select all radio buttons, I think because they don’t all share the same name attribute. You are using ‘social-ads’ and ‘search friends’. Radio buttons are explained here : https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons
Go through the exercise again. I think it will fix the problem.

Greets,
Karin

3

As Karin already said, have a look on how to set up radios inside the curriculum. I’ve just looked over your html-code and found another problem.

Compare that to the radios you implemented and I believe you will find the solution.

<label for="outdoor">
 <input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor">Outdoor
</label>