From 871c4a8e753f5c6ccae709c67a2b283b0082cb14 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Fri, 11 Sep 2026 13:36:39 +0200
Subject: [PATCH 01/34] Added guide for task in comment

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..b77d8f676 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -17,6 +17,17 @@ <h1>Product Pick</h1>
         <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->
+
+        <!--
+        Requirements:
+        1) Customer name: contain at least 2 non-space chars
+        2) Customer email: valid email, follow consistent pattern
+        3) Color of T-shirt: dd-list of options/ select
+        4) Size of T-shirt: 6 options(XS, S, M, L, XL, XXL)
+        5) HTML AND CSS ONLY
+        6) Commit after each step
+        -->
+        
       </form>
     </main>
     <footer>

From cff3ee9b659f29fd74157b4b574fe6e1cc66f451 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Fri, 11 Sep 2026 23:42:37 +0200
Subject: [PATCH 02/34] Added my 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 b77d8f676..0c03e35cf 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -32,7 +32,7 @@ <h1>Product Pick</h1>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Tyler-leigh Ross</p>
     </footer>
   </body>
 </html>

From 0cf81168eb57f53e301af167fb93a5f627e83559 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Fri, 11 Sep 2026 23:44:56 +0200
Subject: [PATCH 03/34] Added customer name field

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 0c03e35cf..10c20c32b 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -28,6 +28,9 @@ <h1>Product Pick</h1>
         6) Commit after each step
         -->
         
+        <label for="cname">Customer name</label>
+        <input type="text" id="cname" name="cname">
+
       </form>
     </main>
     <footer>

From 89141e55b69470cf97f37edfedffb38ac7127414 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Fri, 11 Sep 2026 23:48:25 +0200
Subject: [PATCH 04/34] added customer email field

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 10c20c32b..30fbefb34 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -31,6 +31,12 @@ <h1>Product Pick</h1>
         <label for="cname">Customer name</label>
         <input type="text" id="cname" name="cname">
 
+        <label for="cemail">Customer email</label>
+        <input type="email" id="cemail" name="cemail">
+        
+
+
+
       </form>
     </main>
     <footer>

From 45271aa24d317f2052c694bf3a6bd92e7302ba21 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Fri, 11 Sep 2026 23:54:30 +0200
Subject: [PATCH 05/34] added dropdown list of t-shirt colors

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 30fbefb34..adb7da504 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -33,8 +33,13 @@ <h1>Product Pick</h1>
 
         <label for="cemail">Customer email</label>
         <input type="email" id="cemail" name="cemail">
-        
 
+        <label for="tcolor">T-shirt color</label>
+        <select id="tcolor" name="tcolor">
+        <option value="White">White</option>
+        <option value="Black">Black</option>
+        <option value="Blue">Blue</option>
+        <option value="Grey">Grey</option>
 
 
       </form>

From fcb1d2f13360610141b564b5481668e4f5c11b18 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Fri, 11 Sep 2026 23:58:18 +0200
Subject: [PATCH 06/34] added dropdown list of t-shirt sizes

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index adb7da504..e2bbc7b4c 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -41,6 +41,14 @@ <h1>Product Pick</h1>
         <option value="Blue">Blue</option>
         <option value="Grey">Grey</option>
 
+        <label for="tsize">T-shirt size</label>
+        <select id="tcolor" name="tcolor">
+        <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>
 
       </form>
     </main>

From c299ec4762c017dd1bc006d506b26880314e6664 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sat, 12 Sep 2026 00:03:05 +0200
Subject: [PATCH 07/34] fixed id and name tags of t-shirt sizes

---
 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 e2bbc7b4c..02a9f4daf 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -42,7 +42,7 @@ <h1>Product Pick</h1>
         <option value="Grey">Grey</option>
 
         <label for="tsize">T-shirt size</label>
-        <select id="tcolor" name="tcolor">
+        <select id="tsize" name="tsize">
         <option value="XS">XS</option>
         <option value="S">S</option>
         <option value="M">M</option>

From 31bf03df6ac8211dabf4665ba374c393e6772367 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sat, 12 Sep 2026 00:04:56 +0200
Subject: [PATCH 08/34] Added closing tag for select

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 02a9f4daf..899fe1e7e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -49,6 +49,7 @@ <h1>Product Pick</h1>
         <option value="L">L</option>
         <option value="XL">XL</option>
         <option value="XXL">XXL</option>
+        </select>
 
       </form>
     </main>

From 66e3228b169d4a545a9e6611bc8df381c30adc4e Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sat, 12 Sep 2026 00:07:21 +0200
Subject: [PATCH 09/34] Added closing tag for select, for both sizes and colors

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 899fe1e7e..efae0e403 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -40,6 +40,7 @@ <h1>Product Pick</h1>
         <option value="Black">Black</option>
         <option value="Blue">Blue</option>
         <option value="Grey">Grey</option>
+        </select>
 
         <label for="tsize">T-shirt size</label>
         <select id="tsize" name="tsize">

From 4a2104b8263dab1a227e02287e9fb3c4b3768cb9 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sat, 12 Sep 2026 23:44:28 +0200
Subject: [PATCH 10/34] Added regex pattern for customer 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 efae0e403..42c29c414 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -29,7 +29,7 @@ <h1>Product Pick</h1>
         -->
         
         <label for="cname">Customer name</label>
-        <input type="text" id="cname" name="cname">
+        <input type="text" id="cname" name="cname" title="Please enter at least 2 non-space characters." pattern="\S\S">
 
         <label for="cemail">Customer email</label>
         <input type="email" id="cemail" name="cemail">

From 30b3dcf303663a3f3c7b59778edfbc4ce4c3d607 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sat, 12 Sep 2026 23:48:02 +0200
Subject: [PATCH 11/34] Made email field required

---
 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 42c29c414..52742d5c2 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -32,7 +32,7 @@ <h1>Product Pick</h1>
         <input type="text" id="cname" name="cname" title="Please enter at least 2 non-space characters." pattern="\S\S">
 
         <label for="cemail">Customer email</label>
-        <input type="email" id="cemail" name="cemail">
+        <input type="email" id="cemail" name="cemail" required>
 
         <label for="tcolor">T-shirt color</label>
         <select id="tcolor" name="tcolor">

From fd27fefafe8521a1a5cd01364eda0b602cb58f89 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sat, 12 Sep 2026 23:50:02 +0200
Subject: [PATCH 12/34] Fixed broken regex for customer 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 52742d5c2..3a6d08fbd 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -29,7 +29,7 @@ <h1>Product Pick</h1>
         -->
         
         <label for="cname">Customer name</label>
-        <input type="text" id="cname" name="cname" title="Please enter at least 2 non-space characters." pattern="\S\S">
+        <input type="text" id="cname" name="cname" title="Please enter at least 2 non-space characters." pattern=".*\S.*\S.*">
 
         <label for="cemail">Customer email</label>
         <input type="email" id="cemail" name="cemail" required>

From 1ccf174288bb21d713c92ec6850590454802d4d6 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sat, 12 Sep 2026 23:50:48 +0200
Subject: [PATCH 13/34] Removed extra T-shirt color

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 3a6d08fbd..303fa5c76 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -39,7 +39,6 @@ <h1>Product Pick</h1>
         <option value="White">White</option>
         <option value="Black">Black</option>
         <option value="Blue">Blue</option>
-        <option value="Grey">Grey</option>
         </select>
 
         <label for="tsize">T-shirt size</label>

From 2fc0f604080a38373eb418bbadc6b71cfb2ce619 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sat, 12 Sep 2026 23:51:58 +0200
Subject: [PATCH 14/34] Made T-shirt color and size required

---
 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 303fa5c76..f17530804 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -35,14 +35,14 @@ <h1>Product Pick</h1>
         <input type="email" id="cemail" name="cemail" required>
 
         <label for="tcolor">T-shirt color</label>
-        <select id="tcolor" name="tcolor">
+        <select id="tcolor" name="tcolor" required>
         <option value="White">White</option>
         <option value="Black">Black</option>
         <option value="Blue">Blue</option>
         </select>
 
         <label for="tsize">T-shirt size</label>
-        <select id="tsize" name="tsize">
+        <select id="tsize" name="tsize" required>
         <option value="XS">XS</option>
         <option value="S">S</option>
         <option value="M">M</option>

From 568fdeae01aeebe8f51653c21aca6d483071ddc9 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sat, 12 Sep 2026 23:54:13 +0200
Subject: [PATCH 15/34] Removed comment: Write html here

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index f17530804..f1d716a2d 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,11 +13,6 @@ <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-->
-
         <!--
         Requirements:
         1) Customer name: contain at least 2 non-space chars

From a13f196d8a30013a3b0ec70c5d0669f3bfd3eac7 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sat, 12 Sep 2026 23:57:15 +0200
Subject: [PATCH 16/34] Added submit button

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index f1d716a2d..82b853711 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -46,6 +46,7 @@ <h1>Product Pick</h1>
         <option value="XXL">XXL</option>
         </select>
 
+        <input type="button" value="Submit Form">
       </form>
     </main>
     <footer>

From 211da9e702c32db56e74ed982887981c539d38e1 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sat, 12 Sep 2026 23:59:15 +0200
Subject: [PATCH 17/34] Fixed submit button

---
 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 82b853711..4765182d5 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -46,7 +46,7 @@ <h1>Product Pick</h1>
         <option value="XXL">XXL</option>
         </select>
 
-        <input type="button" value="Submit Form">
+        <input type="submit" value="Submit Form">
       </form>
     </main>
     <footer>

From 4909255eb9677b2241caa7ecf6845c9a00332b2d Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 00:00:24 +0200
Subject: [PATCH 18/34] Made customer name required

---
 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 4765182d5..1272f782e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -24,7 +24,7 @@ <h1>Product Pick</h1>
         -->
         
         <label for="cname">Customer name</label>
-        <input type="text" id="cname" name="cname" title="Please enter at least 2 non-space characters." pattern=".*\S.*\S.*">
+        <input type="text" id="cname" name="cname" title="Please enter at least 2 non-space characters." pattern=".*\S.*\S.*" required>
 
         <label for="cemail">Customer email</label>
         <input type="email" id="cemail" name="cemail" required>

From ab6d7fcb212fccecbe71b268bfc9247eee0ebcdf Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 00:05:10 +0200
Subject: [PATCH 19/34] Clarified requirement for t-shirt color

---
 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 1272f782e..ab0ad3cf8 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -17,7 +17,7 @@ <h1>Product Pick</h1>
         Requirements:
         1) Customer name: contain at least 2 non-space chars
         2) Customer email: valid email, follow consistent pattern
-        3) Color of T-shirt: dd-list of options/ select
+        3) Color of T-shirt: dd-list of options
         4) Size of T-shirt: 6 options(XS, S, M, L, XL, XXL)
         5) HTML AND CSS ONLY
         6) Commit after each step

From ed63ada890ccc1bf7f4a75dd3dc13463d0f143b7 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 00:09:20 +0200
Subject: [PATCH 20/34] Made button display: Place order

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index ab0ad3cf8..696e0ca97 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -31,6 +31,7 @@ <h1>Product Pick</h1>
 
         <label for="tcolor">T-shirt color</label>
         <select id="tcolor" name="tcolor" required>
+        <option value="">Choose a color</option>
         <option value="White">White</option>
         <option value="Black">Black</option>
         <option value="Blue">Blue</option>
@@ -38,6 +39,7 @@ <h1>Product Pick</h1>
 
         <label for="tsize">T-shirt size</label>
         <select id="tsize" name="tsize" required>
+        <option value="">Choose a size</option>
         <option value="XS">XS</option>
         <option value="S">S</option>
         <option value="M">M</option>

From 0ff6a2177e2876e5046b0c0b3624c548ee33a77d Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 00:10:09 +0200
Subject: [PATCH 21/34] Button displays: Place order

---
 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 696e0ca97..f392135ae 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -48,7 +48,7 @@ <h1>Product Pick</h1>
         <option value="XXL">XXL</option>
         </select>
 
-        <input type="submit" value="Submit Form">
+        <input type="submit" value="Place order">
       </form>
     </main>
     <footer>

From ea9f29fbebdce8c16f4cd9737840c082744da61f Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 00:11:11 +0200
Subject: [PATCH 22/34] Remove instruction 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 f392135ae..85b9624ff 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -52,7 +52,7 @@ <h1>Product Pick</h1>
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
+      
       <p>By Tyler-leigh Ross</p>
     </footer>
   </body>

From 75613997121f10742df54783f9f856a4ec02cc12 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 00:26:09 +0200
Subject: [PATCH 23/34] Removed trailing slashes on void elements

---
 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 85b9624ff..8dd07e14b 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>My form exercise</title>
-    <meta name="description" content="" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
   <body>
     <header>

From 89bbbccd1c93012396286adb763921c62c502607 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 00:33:30 +0200
Subject: [PATCH 24/34] Cleaned up unnecesarry comments, improved and
 consistend formatting applied

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 8dd07e14b..7d0e1eb62 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -2,9 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>My form exercise</title>
-    <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
   <body>
@@ -13,15 +11,6 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-        <!--
-        Requirements:
-        1) Customer name: contain at least 2 non-space chars
-        2) Customer email: valid email, follow consistent pattern
-        3) Color of T-shirt: dd-list of options
-        4) Size of T-shirt: 6 options(XS, S, M, L, XL, XXL)
-        5) HTML AND CSS ONLY
-        6) Commit after each step
-        -->
         
         <label for="cname">Customer name</label>
         <input type="text" id="cname" name="cname" title="Please enter at least 2 non-space characters." pattern=".*\S.*\S.*" required>
@@ -31,28 +20,28 @@ <h1>Product Pick</h1>
 
         <label for="tcolor">T-shirt color</label>
         <select id="tcolor" name="tcolor" required>
-        <option value="">Choose a color</option>
-        <option value="White">White</option>
-        <option value="Black">Black</option>
-        <option value="Blue">Blue</option>
+          <option value="">Choose a color</option>
+          <option value="White">White</option>
+          <option value="Black">Black</option>
+          <option value="Blue">Blue</option>
         </select>
 
         <label for="tsize">T-shirt size</label>
         <select id="tsize" name="tsize" required>
-        <option value="">Choose a 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>
+          <option value="">Choose a 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>
 
         <input type="submit" value="Place order">
+
       </form>
     </main>
     <footer>
-      
       <p>By Tyler-leigh Ross</p>
     </footer>
   </body>

From 9b8297f893f3e05dbdfac9c769bdaee7e599da33 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 00:44:03 +0200
Subject: [PATCH 25/34] created and linked css file

---
 Form-Controls/index.html | 1 +
 Form-Controls/style.css  | 0
 2 files changed, 1 insertion(+)
 create mode 100644 Form-Controls/style.css

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 7d0e1eb62..75d5e9440 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <title>My form exercise</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="styles.css">
   </head>
   <body>
     <header>
diff --git a/Form-Controls/style.css b/Form-Controls/style.css
new file mode 100644
index 000000000..e69de29bb

From 27c4654401d8431b503a4d72fbe5603336997f10 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 12:58:50 +0200
Subject: [PATCH 26/34] Format h1: size, font, alignment

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

diff --git a/Form-Controls/style.css b/Form-Controls/style.css
index e69de29bb..c9da004a2 100644
--- a/Form-Controls/style.css
+++ b/Form-Controls/style.css
@@ -0,0 +1,5 @@
+h1 {
+    font-size: 20px;
+    font-family: Arial;
+    text-align: center;
+}
\ No newline at end of file

From 9b97c0cb706e76bdf4fddde764f4bd8cb4c62142 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 13:00:50 +0200
Subject: [PATCH 27/34] Fixed style.css link

---
 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 75d5e9440..a761fa80e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>My form exercise</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="style.css">
   </head>
   <body>
     <header>

From 735835713a1ab805821badd0181f77f6b5a04e91 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 13:20:40 +0200
Subject: [PATCH 28/34] fix: h1 size is reponsive, add label format

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

diff --git a/Form-Controls/style.css b/Form-Controls/style.css
index c9da004a2..d92bc4d56 100644
--- a/Form-Controls/style.css
+++ b/Form-Controls/style.css
@@ -1,5 +1,9 @@
 h1 {
-    font-size: 20px;
+    font-size: clamp(1.875rem, 4vw, 3.125rem);
     font-family: Arial;
     text-align: center;
+}
+
+label {
+    font-size: 20px;
 }
\ No newline at end of file

From 9b3e55038d20f46a8826ea2a4c5e15e540cd2321 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 14:03:17 +0200
Subject: [PATCH 29/34] Removed font-family from h1 and applied it to body,
 added formatting for labels

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

diff --git a/Form-Controls/style.css b/Form-Controls/style.css
index d92bc4d56..6c9adc938 100644
--- a/Form-Controls/style.css
+++ b/Form-Controls/style.css
@@ -1,9 +1,14 @@
+body {
+    font-family: Arial, sans-serif;
+}
+
 h1 {
     font-size: clamp(1.875rem, 4vw, 3.125rem);
-    font-family: Arial;
     text-align: center;
 }
 
 label {
-    font-size: 20px;
+    font-size: 1rem;
+    display: block;
+    margin-bottom: 0.3rem;
 }
\ No newline at end of file

From 1e12c5390622e7d99cb363d8c04a31ba8bb66780 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 14:07:26 +0200
Subject: [PATCH 30/34] Added field class to form inputs and btn class to
 submit button

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index a761fa80e..2ae4c7042 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -14,13 +14,13 @@ <h1>Product Pick</h1>
       <form>
         
         <label for="cname">Customer name</label>
-        <input type="text" id="cname" name="cname" title="Please enter at least 2 non-space characters." pattern=".*\S.*\S.*" required>
+        <input class="field" type="text" id="cname" name="cname" title="Please enter at least 2 non-space characters." pattern=".*\S.*\S.*" required>
 
         <label for="cemail">Customer email</label>
-        <input type="email" id="cemail" name="cemail" required>
+        <input class="field" type="email" id="cemail" name="cemail" required>
 
         <label for="tcolor">T-shirt color</label>
-        <select id="tcolor" name="tcolor" required>
+        <select class="field" id="tcolor" name="tcolor" required>
           <option value="">Choose a color</option>
           <option value="White">White</option>
           <option value="Black">Black</option>
@@ -28,7 +28,7 @@ <h1>Product Pick</h1>
         </select>
 
         <label for="tsize">T-shirt size</label>
-        <select id="tsize" name="tsize" required>
+        <select class="field" id="tsize" name="tsize" required>
           <option value="">Choose a size</option>
           <option value="XS">XS</option>
           <option value="S">S</option>
@@ -38,7 +38,7 @@ <h1>Product Pick</h1>
           <option value="XXL">XXL</option>
         </select>
 
-        <input type="submit" value="Place order">
+        <input class="btn" type="submit" value="Place order">
 
       </form>
     </main>

From 13ab10500ad431376045fd47afbb8ab82ada2d07 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 14:29:09 +0200
Subject: [PATCH 31/34] Moved center align to body, formating field class

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

diff --git a/Form-Controls/style.css b/Form-Controls/style.css
index 6c9adc938..cf3a3e7df 100644
--- a/Form-Controls/style.css
+++ b/Form-Controls/style.css
@@ -1,14 +1,32 @@
 body {
     font-family: Arial, sans-serif;
+    text-align: center;
 }
 
 h1 {
     font-size: clamp(1.875rem, 4vw, 3.125rem);
-    text-align: center;
 }
 
 label {
     font-size: 1rem;
     display: block;
     margin-bottom: 0.3rem;
+}
+
+.field {
+    font-size: 1.125rem;
+    font-family: inherit;
+    width: 50%;
+    margin-bottom: 1.5rem;
+    padding: 0.1rem;
+    border: 1pt solid #acaaa6;
+    border-radius: 4px;
+    background-color: #f0faf4
+    
+}
+
+.btn {
+    display: block;
+    font-size:1.125rem;
+    margin: 0 auto;
 }
\ No newline at end of file

From 83cc760716936f82ddd4f71a470de9d105499665 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 14:45:18 +0200
Subject: [PATCH 32/34] Changed padding and made border 1px in field class

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

diff --git a/Form-Controls/style.css b/Form-Controls/style.css
index cf3a3e7df..fa194d104 100644
--- a/Form-Controls/style.css
+++ b/Form-Controls/style.css
@@ -18,8 +18,8 @@ label {
     font-family: inherit;
     width: 50%;
     margin-bottom: 1.5rem;
-    padding: 0.1rem;
-    border: 1pt solid #acaaa6;
+    padding: 0.2rem;
+    border: 1px solid #acaaa6;
     border-radius: 4px;
     background-color: #f0faf4
     

From 5f6672b09110c9a9ea3f34fdbc6488a0f3cabc17 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 15:01:18 +0200
Subject: [PATCH 33/34] btn class format: made width slightly bigger, added
 padding, border radius and bg-color. Cleaned up code format.

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

diff --git a/Form-Controls/style.css b/Form-Controls/style.css
index fa194d104..c945f1b58 100644
--- a/Form-Controls/style.css
+++ b/Form-Controls/style.css
@@ -26,7 +26,12 @@ label {
 }
 
 .btn {
-    display: block;
     font-size:1.125rem;
+    width: 40%;
+    display: block;
     margin: 0 auto;
+    padding: 0.2rem;
+    border-radius: 4px;
+    background-color: #a8ecc4;
+    
 }
\ No newline at end of file

From 0b84ed461ef3f15c1278ca68890847b0f36a87b7 Mon Sep 17 00:00:00 2001
From: Leigh Ross <rossleighit@gmail.com>
Date: Sun, 13 Sep 2026 15:03:51 +0200
Subject: [PATCH 34/34] Cleaned up code format, final touches

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

diff --git a/Form-Controls/style.css b/Form-Controls/style.css
index c945f1b58..a4a5e66ab 100644
--- a/Form-Controls/style.css
+++ b/Form-Controls/style.css
@@ -22,7 +22,6 @@ label {
     border: 1px solid #acaaa6;
     border-radius: 4px;
     background-color: #f0faf4
-    
 }
 
 .btn {
@@ -33,5 +32,4 @@ label {
     padding: 0.2rem;
     border-radius: 4px;
     background-color: #a8ecc4;
-    
 }
\ No newline at end of file