labelling the T-shirt size and chaninging the color section to be recquired

Author: Ebrahim-Moqbel

Form-Controls/index.html

@@ -14,37 +14,37 @@ <h1>Product Pick</h1>
     <main>
        <form>
         <section>
-          <!-- customer name must be valid as a text and at least 2 char-->
+
             <div>
               <label for="name"> Name*: </label>
               <input type="text" id="name" name="name" required minlength="2">
             </div>
-             <!-- customer email must be valid in an email pattern-->
+
             <div>
               <label for="email">Email*:</label>
               <input type="email" id="email" name="email" required>
             </div>
-             <!-- provide three options for the T-shirts color,
-          make sure that they don't pick other colors-->
+
+
             <fieldset>
-              <legend required>T-shirt Color</legend>
+              <legend >t-shirt Color</legend>
               <div>
-                <label for="black">Black</label>
-                <input type="radio" id="black" name="T-shirtColor" value="black">
+                <label for="black" required>Black</label>
+                <input type="radio" id="black" name="t-shirt-color" value="black">
               </div>
               <div>
                 <label for="red">Red </label>
-                <input type="radio" id="red" name="T-shirtColor" value="red">
+                <input type="radio" id="red" name="t-shirt-color" value="red">
               </div>
               <div>
                 <label for="green">Green </label>
-                <input type="radio" id="green" name="T-shirtColor" value="green">
+                <input type="radio" id="green" name="t-shirt-color" value="green">
               </div>
             </fieldset>
-             <!-- provide 6 options XS, S, M, L, XL, XXL
-            for the customer to chose the color -->
+
+
             <div>
-                <label for="T-shirtSize"></label>
+                <label for="T-shirt-size" >T-Shirt Size</label>
                 <select name="T-shirtSize" id="T-shirtSize" required>
                   <option value="XS">XS</option>
                   <option label="S" value="S">S</option>
@@ -61,8 +61,8 @@ <h1>Product Pick</h1>
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
-      <h2>By Ebraim Moqbel</h2>
+
+      <p>By Ebraim Moqbel</p>
     </footer>
   </body>
 </html>