this is what they told me “label elements are used to help associate the text for an input element with the input element itself (especially for assistive technologies like screen readers). For example, <label><input type="radio"> cat</label> makes it so clicking the word cat also selects the corresponding radio button.”
Nest your radio button inside a label element.
(this is the code, i don’t know where to put the label)
this is the same as what you have, and only the radio button is clickable.
below is what its like when you ‘wrap’ it with label tags, now the word cat is also clickable. (I added large spaces for clarity only)