Basic html mistake (radio button)

HTML-CSS
1

Hello i try to do this level but i have a problem i have do all the thing right i thune but when i test my code : each of your two radio button elements should be nested in itv own label element

Can i have help ?

image
image2851×2138 2.53 MB

2

It be more ussefully to actually post your code
and a link to the challenge
https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons

also some hint

  • Create the ‘containers’: lay down two label elements and give them the text content the challenge asks you ( one must have the text ‘Indoor’, one ‘Outdoor’, capitalization matter);
  • Create the ‘content’ : a radio button it’s just a input element with type=radio (create two of them);
  • Create a group of radio buttons: give both of your radio buttons the attribute name set to the same value ( the challenge instructions state that the group has to be named indoor-outdoor );
  • Nest each radio button in a label;
3

You are missing the nesting. Look at the example code given in the challenge to see how to nest the input inside the label

Example code from challenge:

<label for="indoor"> 
  <input id="indoor" type="radio" name="indoor-outdoor">Indoor 
</label>
1 Like