fix: wrap <input> element inside <label> for a cleaner look

Author: caro-vh

Form-Controls/index.html

@@ -28,16 +28,19 @@ <h1>Product Pick</h1>
       <div class="tshirt-colour">
         <legend>T-shirt Colour</legend>
         <div>
-          <input type="radio" id="red" name="colour" value="red" required>
-          <label for="red">red</label>
+          <label>
+            <input type="radio" name="colour" value="red" required> red
+          </label>
         </div>
         <div>
-          <input type="radio" id="green" name="colour" value="green" required>
-          <label for="green">green</label>
+          <label>
+            <input type="radio" name="colour" value="green" required> green
+          </label>
         </div>
         <div>
-          <input type="radio" id="blue" name="colour" value="blue" required>
-          <label for="blue">blue</label>
+          <label>
+            <input type="radio" name="colour" value="blue" required> blue
+          </label>
         </div>
       </div>
       <div>