From 2d4ee1fb27c1900e9e4abc2d68ab1ed0df113c29 Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Wed, 6 May 2026 14:04:11 +0100
Subject: [PATCH 01/22] Added each of the required inputs needed, not right
 type yet

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..1a4110ccb 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -14,9 +14,33 @@ <h1>Product Pick</h1>
     <main>
       <form>
         <!-- write your html here-->
+        <div>        
+         <label id="name">Name</label>
+         <input type="name" id="name">
+       </div>
+
+        <div>
+         <label id="email">Email</label>
+         <input type="email" id="email">
+        </div>
+
+        <div>
+         <label id="colour">Select a colour</label>
+         <input type="multiple" id="colour">
+        </div>
+        <div>
+         <label id="size">Size</label>
+         <input>
+        </div>
+        <button>Submit</button>
+        
         <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->
+        <!--What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.
+What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
+What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours?
+What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL-->
       </form>
     </main>
     <footer>

From 8212ba36884d300a45384bb9b5f94cb5347ad196 Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Wed, 6 May 2026 14:09:25 +0100
Subject: [PATCH 02/22] Moved comments

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 1a4110ccb..0a4f81b63 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -14,20 +14,22 @@ <h1>Product Pick</h1>
     <main>
       <form>
         <!-- write your html here-->
+        <!--What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.-->
         <div>        
          <label id="name">Name</label>
          <input type="name" id="name">
        </div>
-
+       <!--What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.-->
         <div>
          <label id="email">Email</label>
          <input type="email" id="email">
         </div>
-
+        <!--What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours?-->
         <div>
          <label id="colour">Select a colour</label>
          <input type="multiple" id="colour">
         </div>
+        <!--What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL-->
         <div>
          <label id="size">Size</label>
          <input>
@@ -37,11 +39,7 @@ <h1>Product Pick</h1>
         <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->
-        <!--What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.
-What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
-What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours?
-What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL-->
-      </form>
+      </form> 
     </main>
     <footer>
       <!-- change to your name-->

From 1bdcd9478dfeee1bb57eaa99d870d080110b98b3 Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 09:36:00 +0100
Subject: [PATCH 03/22] My own name added

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 0a4f81b63..dd25f2702 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -36,14 +36,13 @@ <h1>Product Pick</h1>
         </div>
         <button>Submit</button>
         
-        <!-- 
-          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-->
       </form> 
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Shahriar Ahmed</p>
     </footer>
   </body>
 </html>

From 9ab755341e85996e09ba37eef90c5a4b85c09947 Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 10:41:13 +0100
Subject: [PATCH 04/22] radio created for colour and for attribute added for
 each label

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index dd25f2702..29e641597 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -16,25 +16,38 @@ <h1>Product Pick</h1>
         <!-- write your html here-->
         <!--What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.-->
         <div>        
-         <label id="name">Name</label>
-         <input type="name" id="name">
+         <label for="name">Name</label>
+         <input type="name" id="name" required>
        </div>
        <!--What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.-->
         <div>
-         <label id="email">Email</label>
-         <input type="email" id="email">
+         <label for="email">Email</label>
+         <input type="email" id="email" required>
         </div>
         <!--What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours?-->
         <div>
-         <label id="colour">Select a colour</label>
-         <input type="multiple" id="colour">
+          Select a colour
+          <div>
+         <label for="red">Red</label>
+         <input type="radio" id="red" name="colour">
+          </div>
+          <div>
+            <label for="blue">Blue</label>
+            <input type="radio" id="blue" name="colour">
+          </div>
+          <div>
+            <label for="purple">Purple</label>
+            <input type="radio" id="purple" name="colour">
+          </div>
+         
         </div>
         <!--What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL-->
         <div>
-         <label id="size">Size</label>
-         <input>
+         <label for="size">Size</label>
+         <input id="size">
         </div>
-        <button>Submit</button>
+        <button type="submit">Submit</button>
+        <button type="reset">Reset</button>
         
         <!--try writing out the requirements first as comments
         this will also help you fill in your PR message later-->

From 55e065179eec6bca1b0641501e1538fa1990d5fa Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 11:02:40 +0100
Subject: [PATCH 05/22] radio for size but plan to change to select

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 29e641597..fd43d2838 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -43,8 +43,27 @@ <h1>Product Pick</h1>
         </div>
         <!--What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL-->
         <div>
-         <label for="size">Size</label>
-         <input id="size">
+          Size of T-shirt
+          <div>
+           <label for="XS">Extra Small</label>
+           <input type="radio" id="XS" name="size"> 
+         </div>
+         <div> 
+           <label for="S">Small</label>
+           <input type="radio" id="s" name="size"> 
+         </div>
+         <div>
+           <label for="L">Large</label>
+           <input type="radio" id="L" name="size"> 
+         </div>
+         <div>
+           <label for="XL">Extra Large</label>
+           <input type="radio" id="XL" name="size"> 
+         </div>
+         <div>
+           <label for="XXL">Extra Extra Large</label>
+           <input type="radio" id="XXL" name="size"> 
+         </div>
         </div>
         <button type="submit">Submit</button>
         <button type="reset">Reset</button>

From ef2f89a961f9632778bf9f23a47be270124c89e3 Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 11:15:11 +0100
Subject: [PATCH 06/22] switched from using radio for size to using select

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index fd43d2838..5b5f70dc1 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -44,26 +44,14 @@ <h1>Product Pick</h1>
         <!--What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL-->
         <div>
           Size of T-shirt
-          <div>
-           <label for="XS">Extra Small</label>
-           <input type="radio" id="XS" name="size"> 
-         </div>
-         <div> 
-           <label for="S">Small</label>
-           <input type="radio" id="s" name="size"> 
-         </div>
-         <div>
-           <label for="L">Large</label>
-           <input type="radio" id="L" name="size"> 
-         </div>
-         <div>
-           <label for="XL">Extra Large</label>
-           <input type="radio" id="XL" name="size"> 
-         </div>
-         <div>
-           <label for="XXL">Extra Extra Large</label>
-           <input type="radio" id="XXL" name="size"> 
-         </div>
+          <select required>
+            <option value="xs">Extra Small</option>
+            <option value="s">Small</option>
+            <option value="m">Medium</option>
+            <option value="l">Large</option>
+            <option value="xl">Extra Large</option>
+            <option value="xxl">Extra-Extra Large</option>
+          </select>
         </div>
         <button type="submit">Submit</button>
         <button type="reset">Reset</button>

From e8ef97ded91315805351ffb7f27686d3f8b5f4a3 Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 11:22:51 +0100
Subject: [PATCH 07/22] Added minimum character length to the name input

---
 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 5b5f70dc1..633798969 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -17,7 +17,7 @@ <h1>Product Pick</h1>
         <!--What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.-->
         <div>        
          <label for="name">Name</label>
-         <input type="name" id="name" required>
+         <input type="name" id="name" required minlength="2">
        </div>
        <!--What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.-->
         <div>

From cc5dee9951d2b01360164e9f6932cf804df6b2a2 Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 11:28:54 +0100
Subject: [PATCH 08/22] corrrection to first input element

---
 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 633798969..9c6337a06 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -17,7 +17,7 @@ <h1>Product Pick</h1>
         <!--What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.-->
         <div>        
          <label for="name">Name</label>
-         <input type="name" id="name" required minlength="2">
+         <input type="text" id="name" required minlength="2">
        </div>
        <!--What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.-->
         <div>

From 2f4c453e2d1090989b91206d8614ce963f5ea2ac Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 11:57:41 +0100
Subject: [PATCH 09/22] Added required attribute to size and colour, labelled
 "select a colour" and "size of tshirt". added new option element so no size
 is selected as default

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 9c6337a06..05f72dbb1 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -26,25 +26,25 @@ <h1>Product Pick</h1>
         </div>
         <!--What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours?-->
         <div>
-          Select a colour
+          <label>Select a colour</label>
           <div>
-         <label for="red">Red</label>
-         <input type="radio" id="red" name="colour">
+           <label for="red" value="red">Red</label>
+           <input type="radio" id="red" name="colour" required>
           </div>
           <div>
             <label for="blue">Blue</label>
-            <input type="radio" id="blue" name="colour">
+            <input type="radio" id="blue" name="colour" required>
           </div>
           <div>
             <label for="purple">Purple</label>
-            <input type="radio" id="purple" name="colour">
+            <input type="radio" id="purple" name="colour" required>
           </div>
-         
         </div>
         <!--What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL-->
         <div>
-          Size of T-shirt
-          <select required>
+          <label for="size">Size of T-shirt</label>
+          <select name="size" required>
+            <option value="" disabled selected>Select an Option</option>
             <option value="xs">Extra Small</option>
             <option value="s">Small</option>
             <option value="m">Medium</option>

From 3fa36c489ce8f178a66cd8633e7c509378306f0d Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 12:04:50 +0100
Subject: [PATCH 10/22] added id to select element

---
 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 05f72dbb1..10679715c 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -43,7 +43,7 @@ <h1>Product Pick</h1>
         <!--What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL-->
         <div>
           <label for="size">Size of T-shirt</label>
-          <select name="size" required>
+          <select id="size" name="size" required>
             <option value="" disabled selected>Select an Option</option>
             <option value="xs">Extra Small</option>
             <option value="s">Small</option>

From 13672531a567473ad4d3ff3b128ab5abd21f2538 Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 12:27:33 +0100
Subject: [PATCH 11/22] removed value attribute for label. Added value to the
 input element

---
 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 10679715c..93a84b6a0 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -28,16 +28,16 @@ <h1>Product Pick</h1>
         <div>
           <label>Select a colour</label>
           <div>
-           <label for="red" value="red">Red</label>
-           <input type="radio" id="red" name="colour" required>
+           <label for="red">Red</label>
+           <input type="radio" id="red" name="colour" value="Red" required>
           </div>
           <div>
             <label for="blue">Blue</label>
-            <input type="radio" id="blue" name="colour" required>
+            <input type="radio" id="blue" name="colour" value="Blue" required>
           </div>
           <div>
             <label for="purple">Purple</label>
-            <input type="radio" id="purple" name="colour" required>
+            <input type="radio" id="purple" name="colour" value="Purple" required>
           </div>
         </div>
         <!--What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL-->

From 5bfcdb6492303a1290e364bd27d64e68881a7a38 Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 12:37:40 +0100
Subject: [PATCH 12/22] removed old comments that are no longer needed

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 93a84b6a0..760404070 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,7 +13,6 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-        <!-- write your html here-->
         <!--What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.-->
         <div>        
          <label for="name">Name</label>
@@ -61,7 +60,6 @@ <h1>Product Pick</h1>
       </form> 
     </main>
     <footer>
-      <!-- change to your name-->
       <p>By Shahriar Ahmed</p>
     </footer>
   </body>

From 875e3b011f5d9f813ff2e73cd8549ac7d0d9ce76 Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 14:02:59 +0100
Subject: [PATCH 13/22] Added a style.css file to improve accessibility for
 users

---
 Form-Controls/style.css | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 Form-Controls/style.css

diff --git a/Form-Controls/style.css b/Form-Controls/style.css
new file mode 100644
index 000000000..e69de29bb

From 5d8d0952b259d2088bce4ea87c5a399f8eb795d4 Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 14:13:33 +0100
Subject: [PATCH 14/22] add border spacing to id="name"

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 760404070..d8064c0e2 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -6,6 +6,7 @@
     <title>My form exercise</title>
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="style.css" />
   </head>
   <body>
     <header>

From 3d58ced838e92cbbe21fcf082926c8d8762081d9 Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 14:16:14 +0100
Subject: [PATCH 15/22] added id to label and reflected in css

---
 Form-Controls/index.html | 4 ++--
 Form-Controls/style.css  | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index d8064c0e2..eae4b2eac 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -6,7 +6,7 @@
     <title>My form exercise</title>
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="style.css" /> 
   </head>
   <body>
     <header>
@@ -16,7 +16,7 @@ <h1>Product Pick</h1>
       <form>
         <!--What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.-->
         <div>        
-         <label for="name">Name</label>
+         <label for="name" id="Name">Name</label>
          <input type="text" id="name" required minlength="2">
        </div>
        <!--What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.-->
diff --git a/Form-Controls/style.css b/Form-Controls/style.css
index e69de29bb..a7f13185d 100644
--- a/Form-Controls/style.css
+++ b/Form-Controls/style.css
@@ -0,0 +1,4 @@
+#Name {
+    font-size: 18;
+    border-spacing: 24px;
+}
\ No newline at end of file

From b93fb03ee401e2087ef4104f96489422a9181b8b Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 14:19:55 +0100
Subject: [PATCH 16/22] reverted changes from previous commit

---
 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 eae4b2eac..57eb49055 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -16,7 +16,7 @@ <h1>Product Pick</h1>
       <form>
         <!--What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.-->
         <div>        
-         <label for="name" id="Name">Name</label>
+         <label for="name">Name</label>
          <input type="text" id="name" required minlength="2">
        </div>
        <!--What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.-->

From 0c3d9096fa38b367343cbea6d239638d8ff2c407 Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 14:20:24 +0100
Subject: [PATCH 17/22] done the same for css

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

diff --git a/Form-Controls/style.css b/Form-Controls/style.css
index a7f13185d..d3a9a428f 100644
--- a/Form-Controls/style.css
+++ b/Form-Controls/style.css
@@ -1,4 +1,3 @@
-#Name {
-    font-size: 18;
+#name {
     border-spacing: 24px;
 }
\ No newline at end of file

From 3f77e469640cb66eaf29876201db61753a8f4552 Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 14:24:39 +0100
Subject: [PATCH 18/22] defined size of #name

---
 Form-Controls/style.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/Form-Controls/style.css b/Form-Controls/style.css
index d3a9a428f..3131ded45 100644
--- a/Form-Controls/style.css
+++ b/Form-Controls/style.css
@@ -1,3 +1,4 @@
 #name {
-    border-spacing: 24px;
+    height: 24px;
+    width: 24px;
 }
\ No newline at end of file

From 362400d077d79c5d1c846892cf4207fc2dfa793c Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 14:25:38 +0100
Subject: [PATCH 19/22] removed width from #name

---
 Form-Controls/style.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/Form-Controls/style.css b/Form-Controls/style.css
index 3131ded45..fff6713fb 100644
--- a/Form-Controls/style.css
+++ b/Form-Controls/style.css
@@ -1,4 +1,3 @@
 #name {
     height: 24px;
-    width: 24px;
 }
\ No newline at end of file

From 7c2bfa21553ab5bb8217d96e48fe0056555b0b0d Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Thu, 7 May 2026 14:29:52 +0100
Subject: [PATCH 20/22] added sizing to #email, #red, #blue, #purple

---
 Form-Controls/style.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/Form-Controls/style.css b/Form-Controls/style.css
index fff6713fb..8ea09c7a8 100644
--- a/Form-Controls/style.css
+++ b/Form-Controls/style.css
@@ -1,3 +1,18 @@
 #name {
     height: 24px;
+}
+#email {
+   height: 24px;
+}
+#red {
+    height: 24px;
+    width: 24px;
+}
+#blue {
+    height: 24px;
+    width: 24px;
+}
+#purple {
+    height: 24px;
+    width: 24px;
 }
\ No newline at end of file

From eea81ab679e3f5100d71888038ed3fc487a3c670 Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Sat, 9 May 2026 14:49:04 +0100
Subject: [PATCH 21/22] readme file edited

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 57eb49055..af22ec88f 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -55,7 +55,6 @@ <h1>Product Pick</h1>
         </div>
         <button type="submit">Submit</button>
         <button type="reset">Reset</button>
-        
         <!--try writing out the requirements first as comments
         this will also help you fill in your PR message later-->
       </form> 

From 0982e06b979fb450be2f03a1b568e4764c7ca32c Mon Sep 17 00:00:00 2001
From: Shahriar <s.ahmed.ldn@gmail.com>
Date: Sat, 9 May 2026 14:58:50 +0100
Subject: [PATCH 22/22] read me file actually corrected

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

diff --git a/Form-Controls/README.md b/Form-Controls/README.md
index 844572470..087f6e312 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.
-- [ ] 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] My form is semantic HTML.
+- [x] All inputs have associated labels.
+- [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.
+- [x] I require one size from a defined set of 6 sizes.
 
 ### Developers must adhere to professional standards.
 
@@ -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 af22ec88f..f2c1158f8 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -63,4 +63,4 @@ <h1>Product Pick</h1>
       <p>By Shahriar Ahmed</p>
     </footer>
   </body>
-</html>
+</html>
\ No newline at end of file