From bb6c17b883f68eaee0d5ad944aabf33b6ca531f7 Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Sun, 31 May 2026 20:04:09 +0100
Subject: [PATCH 01/17] Added my name as footer and the requirements as
 comments

---
 Form-Controls/index.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..292ccf535 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -15,13 +15,18 @@ <h1>Product Pick</h1>
       <form>
         <!-- write your html here-->
         <!-- 
-          try writing out the requirements first as comments
+        try writing out the requirements first as comments
         this will also help you fill in your PR message later-->
+        <!--
+        1.What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.
+        2.What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
+        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-->
       </form>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By CHINWE CHUKWUMA</p>
     </footer>
   </body>
 </html>

From ccca42c6123c93fc3e41faee7b0bd840cd822776 Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Sun, 31 May 2026 21:08:47 +0100
Subject: [PATCH 02/17] Added all the requirements: name, email, colours and
 sizes

---
 Form-Controls/index.html | 65 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 65 insertions(+)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 292ccf535..92eb49a1e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -22,6 +22,71 @@ <h1>Product Pick</h1>
         2.What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
         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-->
+<div>
+  <label for="name">Full Name</label>
+        <input
+        id="name" name="name" type="text" required pattern=".*\S.*\S.*">
+
+</div>
+        
+<div>
+  <label for="email">Email Address</label>
+        <input
+        id="email" name="email" type="email" required>
+
+</div>
+        <fieldset>
+           <legend>Colour Choice</legend>
+            <label>
+              <input type="radio" name="colour" value="Burgundy" required>
+            Burgundy
+            </label>
+
+             <label>
+              <input type="radio" name="colour" value="Purple" required>
+             Purple
+             </label>
+
+             <label>
+                <input type="radio" name="colour" value="Yellow" required>
+                Yellow
+              </label>
+
+        </fieldset>
+       
+        <fieldset>
+           <legend>Size Choice</legend>
+            <label>
+              <input type="radio" name="size" value="XS" required>
+            XS
+            </label>
+
+             <label>
+              <input type="radio" name="size" value="S" required>
+             S
+             </label>
+
+             <label>
+                <input type="radio" name="size" value="M" required>
+                M
+              </label>
+              <label>
+                <input type="radio" name="size" value="L" required>
+                L
+              </label>
+              <label>
+                <input type="radio" name="size" value="XL" required>
+                XL
+              </label>
+              <label>
+                <input type="radio" name="size" value="XXL" required>
+                XXL
+              </label>
+
+        </fieldset>
+
+        <button type="submit">Place Your Order</button>
+
       </form>
     </main>
     <footer>

From ba1898080e56944c65966f7fdf2b0f275682c61f Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Sun, 31 May 2026 21:17:30 +0100
Subject: [PATCH 03/17] Added my name as footer and added the requirements as
 comment

---
 Form-Controls/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 92eb49a1e..ac2a81592 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -31,7 +31,7 @@ <h1>Product Pick</h1>
         
 <div>
   <label for="email">Email Address</label>
-        <input
+    <input
         id="email" name="email" type="email" required>
 
 </div>

From 7758364f8082bd9e6acb8b07e3ae759466afd9bc Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Sun, 31 May 2026 21:46:37 +0100
Subject: [PATCH 04/17] Formatted code

---
 Form-Controls/index.html | 105 ++++++++++++++++++++-------------------
 1 file changed, 53 insertions(+), 52 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index ac2a81592..fa0818481 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -22,71 +22,72 @@ <h1>Product Pick</h1>
         2.What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
         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-->
-<div>
-  <label for="name">Full Name</label>
-        <input
-        id="name" name="name" type="text" required pattern=".*\S.*\S.*">
+        <div>
+          <label for="name">Full Name</label>
+          <input
+            id="name"
+            name="name"
+            type="text"
+            required
+            pattern=".*\S.*\S.*"
+          />
+        </div>
 
-</div>
         
-<div>
-  <label for="email">Email Address</label>
-    <input
-        id="email" name="email" type="email" required>
-
-</div>
+        <div>
+          <label for="email">Email Address</label>
+          <input id="email" name="email" type="email" required />
+        </div>
+        
         <fieldset>
-           <legend>Colour Choice</legend>
-            <label>
-              <input type="radio" name="colour" value="Burgundy" required>
+          <legend>Colour Choice</legend>
+          <label>
+            <input type="radio" name="colour" value="Burgundy" required />
             Burgundy
-            </label>
-
-             <label>
-              <input type="radio" name="colour" value="Purple" required>
-             Purple
-             </label>
+          </label>
 
-             <label>
-                <input type="radio" name="colour" value="Yellow" required>
-                Yellow
-              </label>
+          <label>
+            <input type="radio" name="colour" value="Purple" required />
+            Purple
+          </label>
 
+          <label>
+            <input type="radio" name="colour" value="Yellow" required />
+            Yellow
+          </label>
         </fieldset>
-       
+
         <fieldset>
-           <legend>Size Choice</legend>
-            <label>
-              <input type="radio" name="size" value="XS" required>
+          <legend>Size Choice</legend>
+          <label>
+            <input type="radio" name="size" value="XS" required />
             XS
-            </label>
-
-             <label>
-              <input type="radio" name="size" value="S" required>
-             S
-             </label>
+          </label>
 
-             <label>
-                <input type="radio" name="size" value="M" required>
-                M
-              </label>
-              <label>
-                <input type="radio" name="size" value="L" required>
-                L
-              </label>
-              <label>
-                <input type="radio" name="size" value="XL" required>
-                XL
-              </label>
-              <label>
-                <input type="radio" name="size" value="XXL" required>
-                XXL
-              </label>
+          <label>
+            <input type="radio" name="size" value="S" required />
+            S
+          </label>
 
+          <label>
+            <input type="radio" name="size" value="M" required />
+            M
+          </label>
+          <label>
+            <input type="radio" name="size" value="L" required />
+            L
+          </label>
+          <label>
+            <input type="radio" name="size" value="XL" required />
+            XL
+          </label>
+          <label>
+            <input type="radio" name="size" value="XXL" required />
+            XXL
+          </label>
         </fieldset>
 
         <button type="submit">Place Your Order</button>
-
       </form>
     </main>
     <footer>

From 587c1c7847ada2eb841abadc8de7b92d96db81cc Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Sun, 31 May 2026 21:48:30 +0100
Subject: [PATCH 05/17] Added <select> for colour and size as comment

---
 Form-Controls/index.html | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index fa0818481..b5d33a3e3 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -33,12 +33,11 @@ <h1>Product Pick</h1>
           />
         </div>
 
-        
         <div>
           <label for="email">Email Address</label>
           <input id="email" name="email" type="email" required />
         </div>
-        
+
         <fieldset>
           <legend>Colour Choice</legend>
           <label>
@@ -57,6 +56,14 @@ <h1>Product Pick</h1>
           </label>
         </fieldset>
 
+        <!--<label for="colour">Colour Choice</label>
+          <select id="colour" name="colour" required>
+            <option value="">Select Your Colour</option>
+            <option value="Burgundy"></option>
+             <option value="Purple"></option>
+              <option value="Yellow"></option>
+          </select>-->
+
         <fieldset>
           <legend>Size Choice</legend>
           <label>
@@ -86,6 +93,16 @@ <h1>Product Pick</h1>
             XXL
           </label>
         </fieldset>
+        <!--<label for="size">T-shirt Size Choice</label>
+          <select id="size" name="size" required>
+            <option value="">Select Your Size</option>
+            <option value="XS"></option>
+             <option value="S"></option>
+              <option value="M"></option>
+               <option value="L"></option>
+                <option value="XL"></option>
+                 <option value="XXL"></option>
+          </select>-->
 
         <button type="submit">Place Your Order</button>
       </form>

From 164f98812ed4e4606ef0b5828bf6bfe2697736d3 Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Sun, 31 May 2026 22:49:59 +0100
Subject: [PATCH 06/17] Filled the empty tags with the appropriate colours

---
 Form-Controls/index.html | 94 +++++++++++++++++++++-------------------
 1 file changed, 49 insertions(+), 45 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index b5d33a3e3..4f4540bd6 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -37,61 +37,65 @@ <h1>Product Pick</h1>
           <label for="email">Email Address</label>
           <input id="email" name="email" type="email" required />
         </div>
-
+        <!--
         <fieldset>
           <legend>Colour Choice</legend>
-          <label>
-            <input type="radio" name="colour" value="Burgundy" required />
-            Burgundy
-          </label>
+          <div>
+            <label>
+              <input type="radio" name="colour" value="Burgundy" required />
+              Burgundy
+            </label>
 
-          <label>
-            <input type="radio" name="colour" value="Purple" required />
-            Purple
-          </label>
+            <label>
+              <input type="radio" name="colour" value="Purple" required />
+              Purple
+            </label>
 
-          <label>
-            <input type="radio" name="colour" value="Yellow" required />
-            Yellow
-          </label>
+            <label>
+              <input type="radio" name="colour" value="Yellow" required />
+              Yellow
+            </label>
+          </div>
         </fieldset>
-
-        <!--<label for="colour">Colour Choice</label>
-          <select id="colour" name="colour" required>
-            <option value="">Select Your Colour</option>
-            <option value="Burgundy"></option>
-             <option value="Purple"></option>
-              <option value="Yellow"></option>
-          </select>-->
+      -->
+        <label for="colour">Colour Choice</label>
+        <select id="colour" name="colour" required>
+          <option value="">Select Your Colour</option>
+          <option value="Burgundy">Burgundy</option>
+          <option value="Purple">Purple</option>
+          <option value="Yellow">Yellow</option>
+        </select>
 
         <fieldset>
           <legend>Size Choice</legend>
-          <label>
-            <input type="radio" name="size" value="XS" required />
-            XS
-          </label>
+          <div>
+            <label>
+              <input type="radio" name="size" value="XS" required />
+              XS
+            </label>
 
-          <label>
-            <input type="radio" name="size" value="S" required />
-            S
-          </label>
+            <label>
+              <input type="radio" name="size" value="S" required />
+              S
+            </label>
 
-          <label>
-            <input type="radio" name="size" value="M" required />
-            M
-          </label>
-          <label>
-            <input type="radio" name="size" value="L" required />
-            L
-          </label>
-          <label>
-            <input type="radio" name="size" value="XL" required />
-            XL
-          </label>
-          <label>
-            <input type="radio" name="size" value="XXL" required />
-            XXL
-          </label>
+            <label>
+              <input type="radio" name="size" value="M" required />
+              M
+            </label>
+            <label>
+              <input type="radio" name="size" value="L" required />
+              L
+            </label>
+            <label>
+              <input type="radio" name="size" value="XL" required />
+              XL
+            </label>
+            <label>
+              <input type="radio" name="size" value="XXL" required />
+              XXL
+            </label>
+          </div>
         </fieldset>
         <!--<label for="size">T-shirt Size Choice</label>
           <select id="size" name="size" required>

From f3719bfd1a6a6fe508fe8158664ca768d594def9 Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Sun, 31 May 2026 23:00:26 +0100
Subject: [PATCH 07/17] Filled the empty tags with the sizes

---
 Form-Controls/index.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 4f4540bd6..2d6708b49 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -100,12 +100,12 @@ <h1>Product Pick</h1>
         <!--<label for="size">T-shirt Size Choice</label>
           <select id="size" name="size" required>
             <option value="">Select Your Size</option>
-            <option value="XS"></option>
-             <option value="S"></option>
-              <option value="M"></option>
-               <option value="L"></option>
-                <option value="XL"></option>
-                 <option value="XXL"></option>
+            <option value="XS">XS</option>
+             <option value="S">S</option>
+              <option value="M">M</option>
+               <option value="L">L</option>
+                <option value="XL">XL</option>
+                 <option value="XXL">XXL</option>
           </select>-->
 
         <button type="submit">Place Your Order</button>

From 319d0eaa7bcda6cd2f0b67fa42527346d78a0f82 Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Sun, 31 May 2026 23:27:36 +0100
Subject: [PATCH 08/17] Removed repeated "required" from radio buttons

---
 Form-Controls/index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 2d6708b49..71f689b95 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -47,12 +47,12 @@ <h1>Product Pick</h1>
             </label>
 
             <label>
-              <input type="radio" name="colour" value="Purple" required />
+              <input type="radio" name="colour" value="Purple"/>
               Purple
             </label>
 
             <label>
-              <input type="radio" name="colour" value="Yellow" required />
+              <input type="radio" name="colour" value="Yellow"/>
               Yellow
             </label>
           </div>
@@ -75,24 +75,24 @@ <h1>Product Pick</h1>
             </label>
 
             <label>
-              <input type="radio" name="size" value="S" required />
+              <input type="radio" name="size" value="S"/>
               S
             </label>
 
             <label>
-              <input type="radio" name="size" value="M" required />
+              <input type="radio" name="size" value="M"/>
               M
             </label>
             <label>
-              <input type="radio" name="size" value="L" required />
+              <input type="radio" name="size" value="L"/>
               L
             </label>
             <label>
-              <input type="radio" name="size" value="XL" required />
+              <input type="radio" name="size" value="XL"/>
               XL
             </label>
             <label>
-              <input type="radio" name="size" value="XXL" required />
+              <input type="radio" name="size" value="XXL"/>
               XXL
             </label>
           </div>

From 75f16f18632a171f199adf2337e5b58945ab8db1 Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Mon, 1 Jun 2026 00:07:27 +0100
Subject: [PATCH 09/17] Grouped the select dropdown by adding Fieldset and
 legend

---
 Form-Controls/index.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 71f689b95..00dbbff1b 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -58,7 +58,11 @@ <h1>Product Pick</h1>
           </div>
         </fieldset>
       -->
-        <label for="colour">Colour Choice</label>
+        <fieldset>
+<legend>Colour Choice</legend>
+
+<label for="colour" class="visually-hidden">Colour Choice</label>
+         
         <select id="colour" name="colour" required>
           <option value="">Select Your Colour</option>
           <option value="Burgundy">Burgundy</option>
@@ -66,6 +70,8 @@ <h1>Product Pick</h1>
           <option value="Yellow">Yellow</option>
         </select>
 
+        </fieldset>     
+        
         <fieldset>
           <legend>Size Choice</legend>
           <div>

From a237a1b878807f32329bc89e7f71b1ecd6518211 Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Mon, 1 Jun 2026 00:11:45 +0100
Subject: [PATCH 10/17] Editted legend and formatted code

---
 Form-Controls/index.html | 33 ++++++++++++++++-----------------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 00dbbff1b..13d55b715 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -46,7 +46,7 @@ <h1>Product Pick</h1>
               Burgundy
             </label>
 
-            <label>
+            <label>a
               <input type="radio" name="colour" value="Purple"/>
               Purple
             </label>
@@ -59,19 +59,18 @@ <h1>Product Pick</h1>
         </fieldset>
       -->
         <fieldset>
-<legend>Colour Choice</legend>
+          <legend>Choose your Colour</legend>
+
+          <label for="colour" class="visually-hidden">Colour Choice</label>
 
-<label for="colour" class="visually-hidden">Colour Choice</label>
-         
-        <select id="colour" name="colour" required>
-          <option value="">Select Your Colour</option>
-          <option value="Burgundy">Burgundy</option>
-          <option value="Purple">Purple</option>
-          <option value="Yellow">Yellow</option>
-        </select>
+          <select id="colour" name="colour" required>
+            <option value="">Select Your Colour</option>
+            <option value="Burgundy">Burgundy</option>
+            <option value="Purple">Purple</option>
+            <option value="Yellow">Yellow</option>
+          </select>
+        </fieldset>
 
-        </fieldset>     
-        
         <fieldset>
           <legend>Size Choice</legend>
           <div>
@@ -81,24 +80,24 @@ <h1>Product Pick</h1>
             </label>
 
             <label>
-              <input type="radio" name="size" value="S"/>
+              <input type="radio" name="size" value="S" />
               S
             </label>
 
             <label>
-              <input type="radio" name="size" value="M"/>
+              <input type="radio" name="size" value="M" />
               M
             </label>
             <label>
-              <input type="radio" name="size" value="L"/>
+              <input type="radio" name="size" value="L" />
               L
             </label>
             <label>
-              <input type="radio" name="size" value="XL"/>
+              <input type="radio" name="size" value="XL" />
               XL
             </label>
             <label>
-              <input type="radio" name="size" value="XXL"/>
+              <input type="radio" name="size" value="XXL" />
               XXL
             </label>
           </div>

From fa58d77c09a59bd2819d65173da1dbb84ca1e79e Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Mon, 1 Jun 2026 00:18:32 +0100
Subject: [PATCH 11/17] Updated title

---
 Form-Controls/index.html | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 13d55b715..a250c962f 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -9,7 +9,7 @@
   </head>
   <body>
     <header>
-      <h1>Product Pick</h1>
+      <h1>Product Pick - T-Shirt Order Form</h1>
     </header>
     <main>
       <form>
@@ -62,7 +62,6 @@ <h1>Product Pick</h1>
           <legend>Choose your Colour</legend>
 
           <label for="colour" class="visually-hidden">Colour Choice</label>
-
           <select id="colour" name="colour" required>
             <option value="">Select Your Colour</option>
             <option value="Burgundy">Burgundy</option>

From 418efc8fc3269cca0f188d0453049aad57a7b1a5 Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Mon, 1 Jun 2026 00:28:42 +0100
Subject: [PATCH 12/17] Filled in the content of the description, added colour
 to button

---
 Form-Controls/index.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index a250c962f..855b6948c 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <title>My form exercise</title>
-    <meta name="description" content="" />
+    <meta name="description" content="Form for ordering T-Shirts" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>
   <body>
@@ -113,6 +113,8 @@ <h1>Product Pick - T-Shirt Order Form</h1>
           </select>-->
 
         <button type="submit">Place Your Order</button>
+button{background-colour:blue;
+colour:white;}
       </form>
     </main>
     <footer>

From 20e1211b6edc54eaf53e8a68d64b98b5661355e4 Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Mon, 1 Jun 2026 17:43:31 +0100
Subject: [PATCH 13/17] Removed unnecessary slashes from code

---
 Form-Controls/index.html | 31 +++++++++++++++----------------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 855b6948c..f8e019198 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -2,10 +2,10 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>My form exercise</title>
-    <meta name="description" content="Form for ordering T-Shirts" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="Form for ordering T-Shirts">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
   <body>
     <header>
@@ -35,24 +35,24 @@ <h1>Product Pick - T-Shirt Order Form</h1>
 
         <div>
           <label for="email">Email Address</label>
-          <input id="email" name="email" type="email" required />
+          <input id="email" name="email" type="email" required>
         </div>
         <!--
         <fieldset>
           <legend>Colour Choice</legend>
           <div>
             <label>
-              <input type="radio" name="colour" value="Burgundy" required />
+              <input type="radio" name="colour" value="Burgundy" required>
               Burgundy
             </label>
 
-            <label>a
-              <input type="radio" name="colour" value="Purple"/>
+            <label>
+              <input type="radio" name="colour" value="Purple">
               Purple
             </label>
 
             <label>
-              <input type="radio" name="colour" value="Yellow"/>
+              <input type="radio" name="colour" value="Yellow">
               Yellow
             </label>
           </div>
@@ -74,29 +74,29 @@ <h1>Product Pick - T-Shirt Order Form</h1>
           <legend>Size Choice</legend>
           <div>
             <label>
-              <input type="radio" name="size" value="XS" required />
+              <input type="radio" name="size" value="XS" required>
               XS
             </label>
 
             <label>
-              <input type="radio" name="size" value="S" />
+              <input type="radio" name="size" value="S">
               S
             </label>
 
             <label>
-              <input type="radio" name="size" value="M" />
+              <input type="radio" name="size" value="M">
               M
             </label>
             <label>
-              <input type="radio" name="size" value="L" />
+              <input type="radio" name="size" value="L">
               L
             </label>
             <label>
-              <input type="radio" name="size" value="XL" />
+              <input type="radio" name="size" value="XL">
               XL
             </label>
             <label>
-              <input type="radio" name="size" value="XXL" />
+              <input type="radio" name="size" value="XXL">
               XXL
             </label>
           </div>
@@ -113,8 +113,7 @@ <h1>Product Pick - T-Shirt Order Form</h1>
           </select>-->
 
         <button type="submit">Place Your Order</button>
-button{background-colour:blue;
-colour:white;}
+              
       </form>
     </main>
     <footer>

From 9af1f1e22bcb10f10d855b3e678cee7976184217 Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Mon, 1 Jun 2026 17:44:56 +0100
Subject: [PATCH 14/17] Added style to button

---
 Form-Controls/index.html | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index f8e019198..9066cbae0 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -2,10 +2,10 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <title>My form exercise</title>
-    <meta name="description" content="Form for ordering T-Shirts">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="Form for ordering T-Shirts" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>
   <body>
     <header>
@@ -35,7 +35,7 @@ <h1>Product Pick - T-Shirt Order Form</h1>
 
         <div>
           <label for="email">Email Address</label>
-          <input id="email" name="email" type="email" required>
+          <input id="email" name="email" type="email" required />
         </div>
         <!--
         <fieldset>
@@ -74,29 +74,29 @@ <h1>Product Pick - T-Shirt Order Form</h1>
           <legend>Size Choice</legend>
           <div>
             <label>
-              <input type="radio" name="size" value="XS" required>
+              <input type="radio" name="size" value="XS" required />
               XS
             </label>
 
             <label>
-              <input type="radio" name="size" value="S">
+              <input type="radio" name="size" value="S" />
               S
             </label>
 
             <label>
-              <input type="radio" name="size" value="M">
+              <input type="radio" name="size" value="M" />
               M
             </label>
             <label>
-              <input type="radio" name="size" value="L">
+              <input type="radio" name="size" value="L" />
               L
             </label>
             <label>
-              <input type="radio" name="size" value="XL">
+              <input type="radio" name="size" value="XL" />
               XL
             </label>
             <label>
-              <input type="radio" name="size" value="XXL">
+              <input type="radio" name="size" value="XXL" />
               XXL
             </label>
           </div>
@@ -113,7 +113,12 @@ <h1>Product Pick - T-Shirt Order Form</h1>
           </select>-->
 
         <button type="submit">Place Your Order</button>
-              
+        <style>
+          button {
+            background-color: blue;
+            color: white;
+          }
+        </style>
       </form>
     </main>
     <footer>

From 6453378c64d7784445db5d9a595858e7135b5b17 Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Mon, 1 Jun 2026 18:57:47 +0100
Subject: [PATCH 15/17] Added style to name and email

---
 Form-Controls/index.html | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 9066cbae0..48cb0df94 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -114,9 +114,35 @@ <h1>Product Pick - T-Shirt Order Form</h1>
 
         <button type="submit">Place Your Order</button>
         <style>
+          form div {
+            margin-bottom: 10px;
+          }
+          #name,
+          #email,
+          #colour {
+            padding: 10px;
+            font-size: 1rem;
+            border: 1px solid black;
+            border-radius: 5px;
+          }
+
+          input[type="text"],
+          input[type="email"],
+          select {
+            width: 100%;
+            max-width: 400px;
+            padding: 20px;
+            box-sizing: border-box;
+          }
+
           button {
             background-color: blue;
             color: white;
+            padding: 10px 20px;
+            border: none;
+            border-radius: 8px;
+            font-size: 1.5rem;
+            cursor: pointer;
           }
         </style>
       </form>

From a5ba9e321c8dcbabfb36ab8394acb1f8442c582a Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Mon, 1 Jun 2026 19:05:34 +0100
Subject: [PATCH 16/17] Moved style block to the head section

---
 Form-Controls/index.html | 65 ++++++++++++++++++++--------------------
 1 file changed, 33 insertions(+), 32 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 48cb0df94..d327e09b7 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -6,6 +6,39 @@
     <title>My form exercise</title>
     <meta name="description" content="Form for ordering T-Shirts" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <style>
+      form div {
+        margin-bottom: 10px;
+      }
+      #name,
+      #email,
+      #colour {
+        padding: 10px;
+        font-size: 1rem;
+        border: 1px solid black;
+        border-radius: 5px;
+      }
+
+      input[type="text"],
+      input[type="email"],
+      select {
+        width: 100%;
+        max-width: 400px;
+        padding: 20px;
+        box-sizing: border-box;
+      }
+
+      button {
+        background-color: blue;
+        color: white;
+        padding: 10px 20px;
+        border: none;
+        border-radius: 8px;
+        font-size: 1.5rem;
+        cursor: pointer;
+      }
+    </style>
   </head>
   <body>
     <header>
@@ -113,38 +146,6 @@ <h1>Product Pick - T-Shirt Order Form</h1>
           </select>-->
 
         <button type="submit">Place Your Order</button>
-        <style>
-          form div {
-            margin-bottom: 10px;
-          }
-          #name,
-          #email,
-          #colour {
-            padding: 10px;
-            font-size: 1rem;
-            border: 1px solid black;
-            border-radius: 5px;
-          }
-
-          input[type="text"],
-          input[type="email"],
-          select {
-            width: 100%;
-            max-width: 400px;
-            padding: 20px;
-            box-sizing: border-box;
-          }
-
-          button {
-            background-color: blue;
-            color: white;
-            padding: 10px 20px;
-            border: none;
-            border-radius: 8px;
-            font-size: 1.5rem;
-            cursor: pointer;
-          }
-        </style>
       </form>
     </main>
     <footer>

From f45878f334e365db713c419ba4a1e048bb69695a Mon Sep 17 00:00:00 2001
From: ChinweP <exponentialresults1973@gmail.com>
Date: Mon, 1 Jun 2026 19:52:09 +0100
Subject: [PATCH 17/17] Deleted commented out codes and Assignment requirements

---
 Form-Controls/index.html | 45 ++++------------------------------------
 1 file changed, 4 insertions(+), 41 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index d327e09b7..99638b23e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -46,15 +46,7 @@ <h1>Product Pick - T-Shirt Order Form</h1>
     </header>
     <main>
       <form>
-        <!-- write your html here-->
-        <!-- 
-        try writing out the requirements first as comments
-        this will also help you fill in your PR message later-->
-        <!--
-        1.What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.
-        2.What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
-        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-->
+       
         <div>
           <label for="name">Full Name</label>
           <input
@@ -70,27 +62,7 @@ <h1>Product Pick - T-Shirt Order Form</h1>
           <label for="email">Email Address</label>
           <input id="email" name="email" type="email" required />
         </div>
-        <!--
-        <fieldset>
-          <legend>Colour Choice</legend>
-          <div>
-            <label>
-              <input type="radio" name="colour" value="Burgundy" required>
-              Burgundy
-            </label>
-
-            <label>
-              <input type="radio" name="colour" value="Purple">
-              Purple
-            </label>
-
-            <label>
-              <input type="radio" name="colour" value="Yellow">
-              Yellow
-            </label>
-          </div>
-        </fieldset>
-      -->
+       
         <fieldset>
           <legend>Choose your Colour</legend>
 
@@ -134,22 +106,13 @@ <h1>Product Pick - T-Shirt Order Form</h1>
             </label>
           </div>
         </fieldset>
-        <!--<label for="size">T-shirt Size Choice</label>
-          <select id="size" name="size" required>
-            <option value="">Select Your Size</option>
-            <option value="XS">XS</option>
-             <option value="S">S</option>
-              <option value="M">M</option>
-               <option value="L">L</option>
-                <option value="XL">XL</option>
-                 <option value="XXL">XXL</option>
-          </select>-->
+        
 
         <button type="submit">Place Your Order</button>
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
+      
       <p>By CHINWE CHUKWUMA</p>
     </footer>
   </body>