From a9b57700b62b94096e65afea389006e09953c011 Mon Sep 17 00:00:00 2001
From: Sakiya Mayow <zakia.logic@gmail.com>
Date: Fri, 11 Sep 2026 17:41:17 +0100
Subject: [PATCH 01/12] Initial commit

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..65e9cd29e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -14,6 +14,12 @@ <h1>Product Pick</h1>
     <main>
       <form>
         <!-- write your html here-->
+         <div>
+          <label for="name">Name</label>
+          
+
+
+         </div>
         <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->

From 5c1e178528ae9b41f139fc05806396968fc76855 Mon Sep 17 00:00:00 2001
From: Sakiya Mayow <zakia.logic@gmail.com>
Date: Fri, 11 Sep 2026 18:12:12 +0100
Subject: [PATCH 02/12] Added name and email validation to form in index.html

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65e9cd29e..37867e72b 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -15,11 +15,22 @@ <h1>Product Pick</h1>
       <form>
         <!-- write your html here-->
          <div>
-          <label for="name">Name</label>
-          
+          <legend>Customer details</legend>
+            <label for="firstname">First name:</label>
+             <input type="text" id="firstname" name="firstname" required> <br>
+              <label for="lastname">Last name:</label>
+               <input type="text" id="lastname" name="lastname" required>
+                </div>
 
+          <div>
+            <label for="email"> Email:</label>
+            <input type="email"name="email" id="email" required>
+              </div>
+              
 
-         </div>
+
+
+         
         <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->

From f9437e6dc82024accdec7022ff4c3aefa0902742 Mon Sep 17 00:00:00 2001
From: Sakiya Mayow <zakia.logic@gmail.com>
Date: Fri, 11 Sep 2026 19:01:15 +0100
Subject: [PATCH 03/12] Added colour, size for validation to form in index.html

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 37867e72b..f62b55b01 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -17,19 +17,54 @@ <h1>Product Pick</h1>
          <div>
           <legend>Customer details</legend>
             <label for="firstname">First name:</label>
-             <input type="text" id="firstname" name="firstname" required> <br>
+             <input type="text" id="firstname" name="firstname" required .*\S.*\S.*> <br>
               <label for="lastname">Last name:</label>
                <input type="text" id="lastname" name="lastname" required>
+               <button type="Submit">Submit</button>
                 </div>
 
           <div>
             <label for="email"> Email:</label>
             <input type="email"name="email" id="email" required>
+            <button type="Submit">Submit</button>
+            
               </div>
+
+        <div>
+          <label for="T-shirt colour">Select one T-shirt colour:</label>
+           <select name="T-shirt colour" id="T-shirt colour" required>
+            <option value="">Choose one colour</option>
+             <option>Black</option>
+             <option>Navy blue</option>
+             <option>Grey</option>
+             </select>
+            
+              <button type="Submit">Submit</button>
+              </div>
+
+              <div>
+                <label for="T-shirt Size">Select one size:</label>
+                <select name="T-shirt Size" id="T-shirt Size" required>
+                  <option value=""> Choose one size</option>
+                  <option>XS</option>
+                  <option>S</option>
+                  <option>M</option>
+                  <option>L</option>
+                  <option>XL</option>
+                  <option>XXL</option>
+                  
+                  <button type="Submit">Submit</button>
+                    </select>
+
+                  </div>
+
+
               
 
 
 
+
+
          
         <!-- 
           try writing out the requirements first as comments

From 6a476a1161562e768afa51df63d689eac8e2d3e7 Mon Sep 17 00:00:00 2001
From: Sakiya Mayow <zakia.logic@gmail.com>
Date: Mon, 14 Sep 2026 13:26:27 +0100
Subject: [PATCH 04/12] Changed label and removed Last name and <legend>

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index f62b55b01..cf9d38da7 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,14 +13,12 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-        <!-- write your html here-->
+       
          <div>
-          <legend>Customer details</legend>
-            <label for="firstname">First name:</label>
-             <input type="text" id="firstname" name="firstname" required .*\S.*\S.*> <br>
-              <label for="lastname">Last name:</label>
-               <input type="text" id="lastname" name="lastname" required>
-               <button type="Submit">Submit</button>
+            <label for="fullname">Full name:</label>
+             <input type="text" id="fullname" name="Fullname" required .*\S.*\S.*> <br>
+             
+            
                 </div>
 
           <div>
@@ -73,7 +71,7 @@ <h1>Product Pick</h1>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Sakiya Mayow </p>
     </footer>
   </body>
 </html>

From 7db0e90d952e93c32300ae8246b16a4f4b582a5b Mon Sep 17 00:00:00 2001
From: Sakiya Mayow <zakia.logic@gmail.com>
Date: Mon, 14 Sep 2026 13:27:48 +0100
Subject: [PATCH 05/12] Removed submit button from email

---
 Form-Controls/README.md  | 24 ++++++++++++------------
 Form-Controls/index.html |  2 +-
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/Form-Controls/README.md b/Form-Controls/README.md
index c356f8844..db6cc158b 100644
--- a/Form-Controls/README.md
+++ b/Form-Controls/README.md
@@ -4,12 +4,12 @@
 
 <!--{{<objectives>}}>-->
 
-- [ ] Interpret requirements and check against a list of criteria
-- [ ] Write a valid form
-- [ ] Test with Devtools
+- [x ] Interpret requirements and check against a list of criteria
+- [x ] Write a valid form
+- [] Test with Devtools
 - [ ] Refactor using Devtools
-- [ ] Use version control by committing often and pushing regularly to GitHub
-- [ ] Develop the habit of writing clean, well-structured, and error-free code
+- [x] Use version control by committing often and pushing regularly to GitHub
+- [x] Develop the habit of writing clean, well-structured, and error-free code
 <!--{{<objectives>}}>-->
 
 ## Task
@@ -39,18 +39,18 @@ Do not write a form action for this project.
 
 Let's write out our testable criteria. Check each one off as you complete it.
 
-- [ ] I have only used HTML and CSS.
+- [x] I have only used HTML and CSS.
 - [ ] I have not used any JavaScript.
 
 ### HTML
 
-- [ ] My form is semantic HTML.
-- [ ] All inputs have associated labels.
+- [x] My form is semantic HTML.
+- [x] All inputs have associated labels.
 - [ ] My Lighthouse Accessibility score is 100.
-- [ ] I require a valid name. 
-- [ ] I require a valid email.
-- [ ] I require one colour from a defined set of 3 colours.
-- [ ] I require one size from a defined set of 6 sizes.
+- [x] I require a valid name. 
+- [x] I require a valid email.
+- [x] I require one colour from a defined set of 3 colours.
+- [x] I require one size from a defined set of 6 sizes.
 
 ### Developers must adhere to professional standards.
 
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index cf9d38da7..101e64a25 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -24,7 +24,7 @@ <h1>Product Pick</h1>
           <div>
             <label for="email"> Email:</label>
             <input type="email"name="email" id="email" required>
-            <button type="Submit">Submit</button>
+           
             
               </div>
 

From 54ded4f33d3a6857a10812a2ef0ebc1faa35f22c Mon Sep 17 00:00:00 2001
From: Sakiya Mayow <zakia.logic@gmail.com>
Date: Mon, 14 Sep 2026 13:29:46 +0100
Subject: [PATCH 06/12] Removed spaces in id and name

---
 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 101e64a25..6380c5c63 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -30,7 +30,7 @@ <h1>Product Pick</h1>
 
         <div>
           <label for="T-shirt colour">Select one T-shirt colour:</label>
-           <select name="T-shirt colour" id="T-shirt colour" required>
+           <select name="T-shirt-colour" id="T-shirt-colour" required>
             <option value="">Choose one colour</option>
              <option>Black</option>
              <option>Navy blue</option>

From 98961adcbb3a7611b4d0d23e77eed081eee5ab12 Mon Sep 17 00:00:00 2001
From: Sakiya Mayow <zakia.logic@gmail.com>
Date: Mon, 14 Sep 2026 13:40:14 +0100
Subject: [PATCH 07/12] left one submit button at the end and removed
 unnecessary spaces

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 6380c5c63..1dccaa7ad 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -22,7 +22,7 @@ <h1>Product Pick</h1>
                 </div>
 
           <div>
-            <label for="email"> Email:</label>
+            <label for="email">Email:</label>
             <input type="email"name="email" id="email" required>
            
             
@@ -37,12 +37,12 @@ <h1>Product Pick</h1>
              <option>Grey</option>
              </select>
             
-              <button type="Submit">Submit</button>
+              
               </div>
 
               <div>
                 <label for="T-shirt Size">Select one size:</label>
-                <select name="T-shirt Size" id="T-shirt Size" required>
+                <select name="T-shirt-Size" id="T-shirt-Size" required>
                   <option value=""> Choose one size</option>
                   <option>XS</option>
                   <option>S</option>
@@ -51,11 +51,15 @@ <h1>Product Pick</h1>
                   <option>XL</option>
                   <option>XXL</option>
                   
-                  <button type="Submit">Submit</button>
+                  
                     </select>
+                    
 
                   </div>
 
+                  
+                  <button type="Submit">Submit</button>
+
 
               
 
@@ -64,13 +68,12 @@ <h1>Product Pick</h1>
 
 
          
-        <!-- 
-          try writing out the requirements first as comments
-        this will also help you fill in your PR message later-->
+        
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
+      
+      
       <p>By Sakiya Mayow </p>
     </footer>
   </body>

From 43145a0338e78aed1920daa1f6a93376d1b2dde3 Mon Sep 17 00:00:00 2001
From: Sakiya Mayow <zakia.logic@gmail.com>
Date: Mon, 14 Sep 2026 13:44:46 +0100
Subject: [PATCH 08/12] Ran prettier to format document

---
 Form-Controls/index.html | 91 ++++++++++++++++------------------------
 1 file changed, 37 insertions(+), 54 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 1dccaa7ad..7b07c7bf9 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" />
@@ -13,68 +13,51 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-       
-         <div>
-            <label for="fullname">Full name:</label>
-             <input type="text" id="fullname" name="Fullname" required .*\S.*\S.*> <br>
-             
-            
-                </div>
+        <div>
+          <label for="fullname">Full name:</label>
+          <input
+            type="text"
+            id="fullname"
+            name="Fullname"
+            required
+            .*\S.*\S.*
+          />
+          <br />
+        </div>
 
-          <div>
-            <label for="email">Email:</label>
-            <input type="email"name="email" id="email" required>
-           
-            
-              </div>
+        <div>
+          <label for="email">Email:</label>
+          <input type="email" name="email" id="email" required />
+        </div>
 
         <div>
           <label for="T-shirt colour">Select one T-shirt colour:</label>
-           <select name="T-shirt-colour" id="T-shirt-colour" required>
+          <select name="T-shirt-colour" id="T-shirt-colour" required>
             <option value="">Choose one colour</option>
-             <option>Black</option>
-             <option>Navy blue</option>
-             <option>Grey</option>
-             </select>
-            
-              
-              </div>
-
-              <div>
-                <label for="T-shirt Size">Select one size:</label>
-                <select name="T-shirt-Size" id="T-shirt-Size" required>
-                  <option value=""> Choose one size</option>
-                  <option>XS</option>
-                  <option>S</option>
-                  <option>M</option>
-                  <option>L</option>
-                  <option>XL</option>
-                  <option>XXL</option>
-                  
-                  
-                    </select>
-                    
-
-                  </div>
-
-                  
-                  <button type="Submit">Submit</button>
-
+            <option>Black</option>
+            <option>Navy blue</option>
+            <option>Grey</option>
+          </select>
+        </div>
 
-              
-
-
-
-
-
-         
-        
+        <div>
+          <label for="T-shirt Size">Select one size:</label>
+          <select name="T-shirt-Size" id="T-shirt-Size" required>
+            <option value="">Choose one size</option>
+            <option>XS</option>
+            <option>S</option>
+            <option>M</option>
+            <option>L</option>
+            <option>XL</option>
+            <option>XXL</option>
+          </select>
+        </div>
+
+        <button type="Submit">Submit</button>
       </form>
     </main>
     <footer>
-      
-      
-      <p>By Sakiya Mayow </p>
+      <p>By Sakiya Mayow</p>
     </footer>
   </body>
 </html>

From 0dff25d7914aaf7ab01d497eea4fa8c9012f8d01 Mon Sep 17 00:00:00 2001
From: Sakiya Mayow <zakia.logic@gmail.com>
Date: Mon, 14 Sep 2026 16:15:48 +0100
Subject: [PATCH 09/12] Removed trailing slash on br and regex, added =" to
 regex as required pattern

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 7b07c7bf9..d98d4441f 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -19,10 +19,8 @@ <h1>Product Pick</h1>
             type="text"
             id="fullname"
             name="Fullname"
-            required
-            .*\S.*\S.*
-          />
-          <br />
+            required pattern=".*\S.*\S.*">
+          <br>
         </div>
 
         <div>

From 39bfc0d591a0df5704838770857fb9f67d7b3cf6 Mon Sep 17 00:00:00 2001
From: Sakiya Mayow <zakia.logic@gmail.com>
Date: Mon, 14 Sep 2026 16:25:28 +0100
Subject: [PATCH 10/12] Made sure that the for on the labels is matching

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index d98d4441f..bd23521ec 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -29,7 +29,7 @@ <h1>Product Pick</h1>
         </div>
 
         <div>
-          <label for="T-shirt colour">Select one T-shirt colour:</label>
+          <label for="T-shirt-colour">Select one T-shirt colour:</label>
           <select name="T-shirt-colour" id="T-shirt-colour" required>
             <option value="">Choose one colour</option>
             <option>Black</option>
@@ -39,7 +39,7 @@ <h1>Product Pick</h1>
         </div>
 
         <div>
-          <label for="T-shirt Size">Select one size:</label>
+          <label for="T-shirt-Size">Select one size:</label>
           <select name="T-shirt-Size" id="T-shirt-Size" required>
             <option value="">Choose one size</option>
             <option>XS</option>

From 9e4795ceabb9e20a89638b0ad46966fb16000faa Mon Sep 17 00:00:00 2001
From: Sakiya Mayow <zakia.logic@gmail.com>
Date: Mon, 14 Sep 2026 16:31:01 +0100
Subject: [PATCH 11/12] cleaned up

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index bd23521ec..b6aa0d76b 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -19,13 +19,14 @@ <h1>Product Pick</h1>
             type="text"
             id="fullname"
             name="Fullname"
-            required pattern=".*\S.*\S.*">
+            required
+            pattern=".*\S.*\S.*">
           <br>
         </div>
 
         <div>
           <label for="email">Email:</label>
-          <input type="email" name="email" id="email" required />
+          <input type="email" name="email" id="email" required>
         </div>
 
         <div>

From f95b8bd8febc8ca178c5cde42cd7506425118475 Mon Sep 17 00:00:00 2001
From: Sakiya Mayow <zakia.logic@gmail.com>
Date: Mon, 14 Sep 2026 17:24:52 +0100
Subject: [PATCH 12/12] Fixed / > endings and x ticking boxes in README
 checklist

---
 Form-Controls/README.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/Form-Controls/README.md b/Form-Controls/README.md
index db6cc158b..b871f08fb 100644
--- a/Form-Controls/README.md
+++ b/Form-Controls/README.md
@@ -4,9 +4,9 @@
 
 <!--{{<objectives>}}>-->
 
-- [x ] Interpret requirements and check against a list of criteria
-- [x ] Write a valid form
-- [] Test with Devtools
+- [x] Interpret requirements and check against a list of criteria
+- [x] Write a valid form
+- [X] Test with Devtools
 - [ ] Refactor using Devtools
 - [x] Use version control by committing often and pushing regularly to GitHub
 - [x] Develop the habit of writing clean, well-structured, and error-free code
@@ -46,7 +46,7 @@ Let's write out our testable criteria. Check each one off as you complete it.
 
 - [x] My form is semantic HTML.
 - [x] All inputs have associated labels.
-- [ ] My Lighthouse Accessibility score is 100.
+- [X] My Lighthouse Accessibility score is 100.
 - [x] I require a valid name. 
 - [x] I require a valid email.
 - [x] I require one colour from a defined set of 3 colours.
@@ -59,10 +59,10 @@ Let's write out our testable criteria. Check each one off as you complete it.
 These practices reflect the level of quality expected in professional work.
 They ensure your code is reliable, maintainable, and presents a polished, credible experience to users.
 
-- [ ] My HTML code has no errors or warnings when validated using https://validator.w3.org/
-- [ ] My code is consistently formatted
-- [ ] My page content is free of typos and grammatical mistakes
-- [ ] I commit often and push regularly to GitHub
+- [X] My HTML code has no errors or warnings when validated using https://validator.w3.org/
+- [X] My code is consistently formatted
+- [X] My page content is free of typos and grammatical mistakes
+- [X] I commit often and push regularly to GitHub
 
 ## Resources
 - [MDN: Form controls](https://developer.mozilla.org/en-US/docs/Learn/Forms)