I placed the radio buttom name after the radio button input fot the T shirt color and changed th name to match the ID attribute.

Author: Ebrahim-Moqbel

Form-Controls/index.html

@@ -27,25 +27,35 @@ <h1>Product Pick</h1>
 
 
             <fieldset>
-              <legend >t-shirt Color</legend>
+              <legend >T-shirt Color</legend>
               <div>
-                <label for="black" required>Black</label>
-                <input type="radio" id="black" name="t-shirt-color" value="black">
+              <label for="black">
+                <input type="radio" id="black" name="t-shirt-color" value="black" required>
+                Black
+
+              </label>
+                
               </div>
               <div>
-                <label for="red">Red </label>
-                <input type="radio" id="red" name="t-shirt-color" value="red">
+                <label for="red">
+                  <input type="radio" id="red" name="t-shirt-color" value="red">
+                  Red 
+                </label>
+                
               </div>
               <div>
-                <label for="green">Green </label>
-                <input type="radio" id="green" name="t-shirt-color" value="green">
+                <label for="green">
+                  <input type="radio" id="green" name="t-shirt-color" value="green">
+                  Green 
+                </label>
+                
               </div>
             </fieldset>
 
 
             <div>
-                <label for="T-shirt-size" >T-Shirt Size</label>
-                <select name="T-shirtSize" id="T-shirtSize" required>
+                <label for="t-shirt-size"> T-Shirt Size</label>
+                <select name="T-shirtSize" id="t-shirt-size" required>
                   <option value="XS">XS</option>
                   <option label="S" value="S">S</option>
                   <option label="M" value="M">M</option>