change the name of color and size

Author: gaireprakash20-ops

Form-Controls/index.html

@@ -29,15 +29,15 @@ <h1>Pick product</h1>
         <fieldset>
         <legend>Color Option</legend>
       <div>
-        <input type="radio" name="grey" value="grey" id="grey" required>
+        <input type="radio" name="color" value="grey" id="grey" required>
         <label for="grey">Grey</label>
         </div>
          <div>
-        <input type="radio" name="black" value="black" id="black" required>
+        <input type="radio" name="color" value="black" id="black" required>
         <label for="black">Grey</label>
         </div>
          <div>
-        <input type="radio" name="red" value="red" id="red" required>
+        <input type="radio" name="color" value="red" id="red" required>
         <label for="red">Red</label>
       </div>
       </fieldset>
@@ -48,23 +48,23 @@ <h1>Pick product</h1>
       <legend>Size</legend>
       </div>
       <div>
-        <input type="radio" name="xs" value="xs" id="xs" required>
+        <input type="radio" name="size" value="xs" id="xs" required>
         <label type="xs">XS</label>
         </div>
         <div>
-        <input type="radio" name="s" value="s" id="s" required>
+        <input type="radio" name="size" value="s" id="s" required>
         <label type="s">S</label>
         </div>
         <div>
-        <input type="radio" name="m" value="m" id="m" required>
+        <input type="radio" name="size" value="m" id="m" required>
         <label type="m">M</label>
         </div>
         <div>
-        <input type="radio" name="l" value="l" id="l" required>
+        <input type="radio" name="size" value="l" id="l" required>
         <label type="l">L</label>
         </div>
         <div>
-        <input type="radio" name="xl" value="xl" id="xl" required>
+        <input type="radio" name="size" value="xl" id="xl" required>
         <label type="xl">XL</label>
         </div>
         <div>