From 1167486966f84c36c6a27a416990ff92661c97ae Mon Sep 17 00:00:00 2001
From: Alex Jamshidi <alexjamshidi@Alexs-MacBook-Air.local>
Date: Sun, 10 May 2026 12:58:49 +0100
Subject: [PATCH 1/9] Added user requirements as comments

---
 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 74b591ffc..b6e971ddb 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,15 +13,15 @@ <h1>Product Pick</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-->
+      <!-- Name label - requires at least 2 chars -->
+      <!-- Email label - requires consistant email format -->
+      <!-- Color select (radio buttons/dropdown) - requires 3 options, 1 pick -->
+      <!-- Size select (dropdown) - requires 6 options: XS, S, M, L, XL, XXL -->
+      <!-- Submit button -->
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Alex Jamshidi</p>
     </footer>
   </body>
 </html>

From c4f76420e2bd479e4b913f9bfbf301cf84dcabfb Mon Sep 17 00:00:00 2001
From: Alex Jamshidi <alexjamshidi@Alexs-MacBook-Air.local>
Date: Sun, 10 May 2026 13:08:37 +0100
Subject: [PATCH 2/9] Added name and email inputs, Added submit button

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index b6e971ddb..244bb6be8 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,11 +13,20 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-      <!-- Name label - requires at least 2 chars -->
-      <!-- Email label - requires consistant email format -->
+      <!-- Name Input -->
+       <div>
+        <label>Name</label>
+        <input minlength="2">
+       </div>
+      <!-- Email Input -->
+       <div>
+        <label>Email</label>
+        <input type="email">
+       </div>
       <!-- Color select (radio buttons/dropdown) - requires 3 options, 1 pick -->
       <!-- Size select (dropdown) - requires 6 options: XS, S, M, L, XL, XXL -->
       <!-- Submit button -->
+       <button>Submit</button>
       </form>
     </main>
     <footer>

From 17aa518c4b3c560484881ff429206e48c3cd2336 Mon Sep 17 00:00:00 2001
From: Alex Jamshidi <alexjamshidi@Alexs-MacBook-Air.local>
Date: Sun, 10 May 2026 13:18:36 +0100
Subject: [PATCH 3/9] Linked labels to inputs and added ids

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 244bb6be8..048952817 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -15,13 +15,13 @@ <h1>Product Pick</h1>
       <form>
       <!-- Name Input -->
        <div>
-        <label>Name</label>
-        <input minlength="2">
+        <label for="name">Name</label>
+        <input type="text" name="name" id="name" minlength="2" required>
        </div>
       <!-- Email Input -->
        <div>
-        <label>Email</label>
-        <input type="email">
+        <label for="email">Email</label>
+        <input type="email" name="email" id="email" required>
        </div>
       <!-- Color select (radio buttons/dropdown) - requires 3 options, 1 pick -->
       <!-- Size select (dropdown) - requires 6 options: XS, S, M, L, XL, XXL -->

From f99a475a298bc18b17949be5fc8bc2ba6826c880 Mon Sep 17 00:00:00 2001
From: Alex Jamshidi <alexjamshidi@Alexs-MacBook-Air.local>
Date: Sun, 10 May 2026 13:28:18 +0100
Subject: [PATCH 4/9] Added radio buttons for colour input

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 048952817..829f6f61e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,19 +13,35 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-      <!-- Name Input -->
+       <!-- Name Input -->
        <div>
         <label for="name">Name</label>
         <input type="text" name="name" id="name" minlength="2" required>
        </div>
-      <!-- Email Input -->
+       
+       <!-- Email Input -->
        <div>
         <label for="email">Email</label>
         <input type="email" name="email" id="email" required>
        </div>
-      <!-- Color select (radio buttons/dropdown) - requires 3 options, 1 pick -->
-      <!-- Size select (dropdown) - requires 6 options: XS, S, M, L, XL, XXL -->
-      <!-- Submit button -->
+       <br>
+
+       <!-- Color select (radio buttons/dropdown) - requires 3 options, 1 pick -->
+       <div>
+        <label for="colour">Colour</label>
+       </div>
+       <div>
+        <label for="red">Red</label>
+        <input type="radio" name="colour" id="red" value="red" required>
+        <label for="green">Green</label>
+        <input type="radio" name="colour" id="green" value="green">
+        <label for="blue">Blue</label>
+        <input type="radio" name="colour" id="blue" value="blue">
+       </div>
+
+       <!-- Size select (dropdown) - requires 6 options: XS, S, M, L, XL, XXL -->
+
+       <!-- Submit button -->
        <button>Submit</button>
       </form>
     </main>

From 8768ad33741239cec80258fbf9fe5d9e428a8d76 Mon Sep 17 00:00:00 2001
From: Alex Jamshidi <alexjamshidi@Alexs-MacBook-Air.local>
Date: Sun, 10 May 2026 13:40:35 +0100
Subject: [PATCH 5/9] Added size selector with placeholder and required input

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 829f6f61e..f2de07509 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -38,9 +38,21 @@ <h1>Product Pick</h1>
         <label for="blue">Blue</label>
         <input type="radio" name="colour" id="blue" value="blue">
        </div>
+       <br>
 
        <!-- Size select (dropdown) - requires 6 options: XS, S, M, L, XL, XXL -->
-
+       <div>
+        <label for="size">Size</label>
+        <select name="size" id="size" required>
+          <option value="" selected>Select 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>
+       </div>
        <!-- Submit button -->
        <button>Submit</button>
       </form>

From faa710159acf402756262fbd5c3173586412ae8d Mon Sep 17 00:00:00 2001
From: Alex Jamshidi <alexjamshidi@Alexs-MacBook-Air.local>
Date: Sun, 10 May 2026 13:53:30 +0100
Subject: [PATCH 6/9] Added reset button and updated submit button, updated
 readme objectives

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

diff --git a/Form-Controls/README.md b/Form-Controls/README.md
index 844572470..7250e58b1 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
-- [ ] 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] Interpret requirements and check against a list of criteria
+- [x] Write a valid form
+- [x] Test with Devtools
+- [x] 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
 <!--{{<objectives>}}>-->
 
 ## Task
@@ -34,18 +34,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.
-- [ ] I have not used any JavaScript.
+- [x] I have only used HTML and CSS.
+- [x] 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 f2de07509..92e1416fe 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -30,11 +30,16 @@ <h1>Product Pick</h1>
        <div>
         <label for="colour">Colour</label>
        </div>
+       <div>
        <div>
         <label for="red">Red</label>
         <input type="radio" name="colour" id="red" value="red" required>
+       </div>
+       <div>
         <label for="green">Green</label>
         <input type="radio" name="colour" id="green" value="green">
+       </div>
+       <div>
         <label for="blue">Blue</label>
         <input type="radio" name="colour" id="blue" value="blue">
        </div>
@@ -53,8 +58,11 @@ <h1>Product Pick</h1>
           <option value="XXL">XXL</option>
         </select>
        </div>
-       <!-- Submit button -->
-       <button>Submit</button>
+       <br>
+
+       <!-- Submit & Reset buttons -->
+       <button type="reset">Reset</button>
+       <button type="submit">Submit</button>
       </form>
     </main>
     <footer>

From 65cedeb3a750f4d7d30ccc9a2f2495eff3dd79e0 Mon Sep 17 00:00:00 2001
From: Alex Jamshidi <alexjamshidi@Alexs-MacBook-Air.local>
Date: Sun, 10 May 2026 14:05:23 +0100
Subject: [PATCH 7/9] Added space between Name and email for accessibility for
 lighthouse

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 92e1416fe..722566eff 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -18,6 +18,7 @@ <h1>Product Pick</h1>
         <label for="name">Name</label>
         <input type="text" name="name" id="name" minlength="2" required>
        </div>
+       <br>
        
        <!-- Email Input -->
        <div>

From 6c1e266ea193703edd94b36878cb38c739c8d99e Mon Sep 17 00:00:00 2001
From: Alex Jamshidi <alexjamshidi@Alexs-MacBook-Air.local>
Date: Sun, 10 May 2026 14:09:29 +0100
Subject: [PATCH 8/9] Removed radiobutton linebreaks for colour for
 accessibility for lighthouse

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 722566eff..f27ec26ad 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -19,7 +19,7 @@ <h1>Product Pick</h1>
         <input type="text" name="name" id="name" minlength="2" required>
        </div>
        <br>
-       
+
        <!-- Email Input -->
        <div>
         <label for="email">Email</label>
@@ -31,16 +31,11 @@ <h1>Product Pick</h1>
        <div>
         <label for="colour">Colour</label>
        </div>
-       <div>
        <div>
         <label for="red">Red</label>
         <input type="radio" name="colour" id="red" value="red" required>
-       </div>
-       <div>
         <label for="green">Green</label>
         <input type="radio" name="colour" id="green" value="green">
-       </div>
-       <div>
         <label for="blue">Blue</label>
         <input type="radio" name="colour" id="blue" value="blue">
        </div>

From 9238df1c6dda93a0dbd00935a5e6840d4eeb0b5b Mon Sep 17 00:00:00 2001
From: Alex Jamshidi <alexjamshidi@Alexs-MacBook-Air.local>
Date: Sun, 10 May 2026 14:18:16 +0100
Subject: [PATCH 9/9] Updated all completed objectives, tidied comments

---
 Form-Controls/README.md  | 10 +++++-----
 Form-Controls/index.html |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/Form-Controls/README.md b/Form-Controls/README.md
index 7250e58b1..087f6e312 100644
--- a/Form-Controls/README.md
+++ b/Form-Controls/README.md
@@ -41,7 +41,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.
@@ -54,10 +54,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)
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index f27ec26ad..5a6828de5 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -27,7 +27,7 @@ <h1>Product Pick</h1>
        </div>
        <br>
 
-       <!-- Color select (radio buttons/dropdown) - requires 3 options, 1 pick -->
+       <!-- Color Select -->
        <div>
         <label for="colour">Colour</label>
        </div>
@@ -41,7 +41,7 @@ <h1>Product Pick</h1>
        </div>
        <br>
 
-       <!-- Size select (dropdown) - requires 6 options: XS, S, M, L, XL, XXL -->
+       <!-- Size Select -->
        <div>
         <label for="size">Size</label>
         <select name="size" id="size" required>