added the appropriate for id and name tags

Author: burhan-mustafa

Form-Controls/index.html

@@ -25,28 +25,28 @@ <h1>Product Pick</h1>
         3. What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours?
         4. What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL-->
 
-        <label> Forename: </label>
-          <input type = "text" for = "Forname:" minlength="2" required>
+        <label for = "forename"> Forename:</label>
+          <input type = "text" name = "forename" id="forename" minlength="2" required>     
           <br>
 
-        <label> Surname: </label>
-          <input type = "text" for = "Surname:" minlength="2 " required>
+        <label for = "surname"> Surname: </label>
+          <input type = "text" name = "surname" id="surname" minlength="2 " required>
           <br>
 
-        <label> Email: </label>
-          <input type = "email" for = "Email:" required>
+        <label for = "email"> Email: </label>
+          <input type = "email" name = "email" id="email" required>
           <br>
 
-        <label> T-shirt Colour: </label>
-          <select required>
+        <label for ="colour"> T-shirt Colour: </label>
+          <select name = "colour" id = "colour" required>
             <option>White</option>
             <option>Black</option>
             <option>Grey</option>
           </select>
           <br>
 
-        <label> T-shirt Size:</label>
-           <select required>
+        <label for="size"> T-shirt Size:</label>
+           <select name = "size" id = "size" required>
             <option>XS</option>
             <option>S</option>
             <option>M</option>

Form-Controls/style.css

@@ -4,25 +4,29 @@
     flex-direction: column;
     border-style:solid;
     padding: 10px;
-    max-width:170px;
+    max-width:400px;
     margin:auto;
+    font-size: 28px;
 }
 
-.form-container input{
+.form-container input,
+.form-container option{
+    font-size: 24px;
     width:100%;
-    max-width: 150px;
+    max-width: 325px;
     box-sizing: border-box;
     margin-left:auto;
     margin-right:auto;
 }
 
 .form-container select,
 .form-container button{
-    max-width:150px;
+    max-width:325px;
     width: 100%;
     box-sizing: border-box;
     margin-left:auto;
     margin-right:auto;
+    font-size: 24px;
 }
 
 h1{
@@ -32,4 +36,3 @@ h1{
 footer{
     text-align: center;
 }
-