fixing issues raised in the PR review

Author: AbdennourHachemi

Form-Controls/index.html

@@ -16,7 +16,7 @@ <h1>Product Pick</h1>
     <main>
       <form>
         <div id="fn">
-          <label for="fname">Please Enter your First name:</label>
+          <label for="fname">Please Enter your name:</label>
           <input
             type="text"
             id="fname"
@@ -26,23 +26,13 @@ <h1>Product Pick</h1>
           />
           <br />
         </div>
-        <div id="sn">
-          <label for="lname">Please Enter your Last name:</label>
-          <input
-            type="text"
-            id="lname"
-            name="lname"
-            pattern=".*\S.*\S.*"
-            required
-          />
-          <br />
-        </div>
+        
         <div id="em">
           <label for="email">Please Enter your Email:</label>
-          <input type="email" id="email" name="email" required /><br />
+          <input type="email" id="email" required /><br />
         </div>
         <div class="colorSelection">
-          <label>Please pick a color:</label> <br />
+          <label for="colorOption">Please pick a color:</label> <br />
           <div class="colorOption">
             <label for="blueOption">Blue</label>
             <div class="square" id="blueOptions">
@@ -69,7 +59,7 @@ <h1>Product Pick</h1>
           </div>
         </div>
         <div id="sizediv">
-          <label>Please select the t-shirt size:</label> <br />
+          <label for="sizeOption">Please select the t-shirt size:</label> <br />
           <div class="colorSelection">
             <div class="sizeOption">
               <label for="xs">XS</label>