You see how the text <input> and <button> are inside the form tags (they are after the opening <form> and before the closing </form> tags)? So that’s where you want to put the radio buttons as well.
You’ll have to post your new attempt in here so we can see what you did otherwise we have no idea why it isn’t working. Be sure to click the </> button on the editor first and then place your code in between the backticks.
Move the closing form tag </form> to the bottom of the code, below the last closing label tag </label>). This will allow the form to encompass both of the labels.
First label should be <label for="indoor">, and the second one should be <label for="outdoor">. That way the labels will be attached to their respective inputs.
Please don’t use screenshots. Please copy-paste your code into the forum.
When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
Alright, cut and paste both the closing </form> and the </main> tags and put them at the very end of the code. In that same order, so that the </main> tag is the very last line on your IDE, and the </form>
tag should come right before it. When you close the form before the labels start, you’re not including them inside the form. And that’s not what we want. All those details are needed for the form, and it’s why it should come second to last.
Like this:
<main> <form>
(other lines of code…) <label> lines <\form> </main>
