From 8988f0f180d7d285b41af88f078ebbf72e0100ee Mon Sep 17 00:00:00 2001
From: Edina Kurdi <edina.kurdi@gmail.com>
Date: Thu, 14 May 2026 10:09:46 -0400
Subject: [PATCH 01/10] 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 74b591ffc..2465008ff 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -21,7 +21,7 @@ <h1>Product Pick</h1>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Edina Kurdi - HOMEWORK SOLUTION</p>
     </footer>
   </body>
 </html>

From a43586c5018cc80a13f5a160931cdb61c07c28d3 Mon Sep 17 00:00:00 2001
From: Edina Kurdi <edina.kurdi@gmail.com>
Date: Thu, 14 May 2026 18:31:28 -0400
Subject: [PATCH 02/10] Fieldset added for form structure

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 2465008ff..505e9d81f 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,10 +13,13 @@ <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-->
+        <!-- Fieldset added for form structure-->
+        <fieldset>
+          <legend>Personal Information</legend>
+        </fieldset>
+        <fieldset>
+          <legend>T-shirt Information</legend>
+        </fieldset>
       </form>
     </main>
     <footer>

From e44eb46f3e007a096ddf425ce31a1d389ec568cc Mon Sep 17 00:00:00 2001
From: Edina Kurdi <edina.kurdi@gmail.com>
Date: Thu, 14 May 2026 18:36:20 -0400
Subject: [PATCH 03/10] updated legend text from 'personal information' to '
 personal details'

---
 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 505e9d81f..54889c631 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -15,7 +15,7 @@ <h1>Product Pick</h1>
       <form>
         <!-- Fieldset added for form structure-->
         <fieldset>
-          <legend>Personal Information</legend>
+          <legend>Personal Details</legend>
         </fieldset>
         <fieldset>
           <legend>T-shirt Information</legend>

From 4245d6886a14a28d14c1b3543321c37111853920 Mon Sep 17 00:00:00 2001
From: Edina Kurdi <edina.kurdi@gmail.com>
Date: Thu, 14 May 2026 19:17:19 -0400
Subject: [PATCH 04/10] Personal information fields such as name and email, 
 added

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 54889c631..0875f8db5 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -16,7 +16,33 @@ <h1>Product Pick</h1>
         <!-- Fieldset added for form structure-->
         <fieldset>
           <legend>Personal Details</legend>
+
+          <div>
+            <label for="name">Name:</label>
+            <input 
+              type="text" 
+              id="name"
+              name="name"
+              placeholder="Ada Lovelace"
+              title="Please enter your name"
+              pattern=".*\S.*\S.*"
+              />
+          </div>
+
+          <div>
+            <label for="email">Email:</label>
+            <input 
+              type="email" 
+              id="email" 
+              name="email" 
+              placeholder="ada.lovelace@example.com" 
+              title="Please enter a valid email"   
+              pattern=".*\S.*@.*\S.*"
+              required
+            />
+          </div>
         </fieldset>
+
         <fieldset>
           <legend>T-shirt Information</legend>
         </fieldset>

From ad79ec17b564b887c68039921f1d7da1fbf017b1 Mon Sep 17 00:00:00 2001
From: Edina Kurdi <edina.kurdi@gmail.com>
Date: Thu, 14 May 2026 19:46:41 -0400
Subject: [PATCH 05/10] t-shirt information added

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 0875f8db5..c5625eb12 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -16,7 +16,7 @@ <h1>Product Pick</h1>
         <!-- Fieldset added for form structure-->
         <fieldset>
           <legend>Personal Details</legend>
-
+          <!-- name field added -->
           <div>
             <label for="name">Name:</label>
             <input 
@@ -29,6 +29,7 @@ <h1>Product Pick</h1>
               />
           </div>
 
+          <!-- email field added -->
           <div>
             <label for="email">Email:</label>
             <input 
@@ -43,8 +44,33 @@ <h1>Product Pick</h1>
           </div>
         </fieldset>
 
+        
         <fieldset>
           <legend>T-shirt Information</legend>
+          <!-- T-shirt colour information added -->
+
+          <div>
+            <label for="colour">Colour:</label>
+
+            <select id="colour" name="colour" required>
+              <option value="">Select a colour</option>
+              <option value="black">Black</option>
+              <option value="blue">Blue</option>
+              <option value="white">White</option>
+            </select>
+          </div>
+
+          <!-- T-shirt size information added -->
+          <div>
+            <label for="size">Size:</label>
+
+            <select id="size" name="size" required>
+              <option value="">Select a size</option>
+              <option value="small">Small</option>
+              <option value="medium">Medium</option>
+              <option value="large">Large</option>
+            </select>
+          </div>
         </fieldset>
       </form>
     </main>

From 9d50e62b790b3b7ef9e9a717ce785875c9e6ee4a Mon Sep 17 00:00:00 2001
From: Edina Kurdi <edina.kurdi@gmail.com>
Date: Thu, 14 May 2026 19:48:42 -0400
Subject: [PATCH 06/10] t-shirt info corrected

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index c5625eb12..462718d09 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -65,10 +65,13 @@ <h1>Product Pick</h1>
             <label for="size">Size:</label>
 
             <select id="size" name="size" required>
-              <option value="">Select a size</option>
-              <option value="small">Small</option>
-              <option value="medium">Medium</option>
-              <option value="large">Large</option>
+              <option value="">Choose your size</option>
+              <option value="xs">XS</option>
+              <option value="s">S</option>
+              <option value="m">M</option>
+              <option value="l">L</option>
+              <option value="xl">XL</option>
+              <option value="xxl">XXL</option>
             </select>
           </div>
         </fieldset>

From 01f60264bb0cc669b2f81b79e9dcf1d45adc4d2a Mon Sep 17 00:00:00 2001
From: Edina Kurdi <edina.kurdi@gmail.com>
Date: Thu, 14 May 2026 20:02:45 -0400
Subject: [PATCH 07/10] submit and reset buttons added

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 462718d09..48e9a12e3 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -75,6 +75,11 @@ <h1>Product Pick</h1>
             </select>
           </div>
         </fieldset>
+        <!-- submit and reset added  -->
+        <div>
+          <button type="submit">Submit</button>
+          <button type="reset">Clear form</button>
+        </div>
       </form>
     </main>
     <footer>

From 2b020b82750abcd62b76a8b06a95c52f479bb6a9 Mon Sep 17 00:00:00 2001
From: Edina Kurdi <edina.kurdi@gmail.com>
Date: Thu, 14 May 2026 20:04:22 -0400
Subject: [PATCH 08/10] added 'required' to name

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 48e9a12e3..f6c5a19da 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -26,6 +26,7 @@ <h1>Product Pick</h1>
               placeholder="Ada Lovelace"
               title="Please enter your name"
               pattern=".*\S.*\S.*"
+              required
               />
           </div>
 

From 21f47140f2ae3d73bd750c5e9af52e9efec1f3cb Mon Sep 17 00:00:00 2001
From: Edina Kurdi <edina.kurdi@gmail.com>
Date: Thu, 14 May 2026 20:08:04 -0400
Subject: [PATCH 09/10] added disabled selected to the dropdowns

---
 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 f6c5a19da..1f919018a 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -54,7 +54,7 @@ <h1>Product Pick</h1>
             <label for="colour">Colour:</label>
 
             <select id="colour" name="colour" required>
-              <option value="">Select a colour</option>
+              <option value="" disabled selected>Select a colour</option>
               <option value="black">Black</option>
               <option value="blue">Blue</option>
               <option value="white">White</option>
@@ -66,7 +66,7 @@ <h1>Product Pick</h1>
             <label for="size">Size:</label>
 
             <select id="size" name="size" required>
-              <option value="">Choose your size</option>
+              <option value="" disabled selected>Choose your size</option>
               <option value="xs">XS</option>
               <option value="s">S</option>
               <option value="m">M</option>

From 5955544d7e8bea350247addec3ba12c1cb53f833 Mon Sep 17 00:00:00 2001
From: Edina Kurdi <edina.kurdi@gmail.com>
Date: Thu, 14 May 2026 20:44:15 -0400
Subject: [PATCH 10/10] added css

---
 Form-Controls/index.html |  7 ++++---
 Form-Controls/style.css  | 41 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 45 insertions(+), 3 deletions(-)
 create mode 100644 Form-Controls/style.css

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 1f919018a..5cb4cc67c 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <title>My form exercise</title>
+    <link rel="stylesheet" href="style.css" />
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>
@@ -77,9 +78,9 @@ <h1>Product Pick</h1>
           </div>
         </fieldset>
         <!-- submit and reset added  -->
-        <div>
-          <button type="submit">Submit</button>
-          <button type="reset">Clear form</button>
+        <div class="buttons">
+          <button class="submit-btn" type="submit">Submit</button>
+          <button class="reset-btn" type="reset">Clear form</button>
         </div>
       </form>
     </main>
diff --git a/Form-Controls/style.css b/Form-Controls/style.css
new file mode 100644
index 000000000..344c9932f
--- /dev/null
+++ b/Form-Controls/style.css
@@ -0,0 +1,41 @@
+body {
+    font-family: Arial, Helvetica, sans-serif;
+    line-height: 1.5;
+    margin: 2rem;
+}
+
+form {
+    max-width: 400px;
+    margin: 0 auto;
+}
+
+
+div {
+    margin-bottom: 1rem;
+}
+
+
+label {
+    display: inline-block;
+    width: 120px;
+}
+
+button {
+    padding: 0.5rem 1rem;
+    border-radius: 5px;
+}
+
+.submit-btn {
+    background-color: #4CAF50;
+}
+
+.reset-btn{
+    background-color: #FFD8A8;
+    color: black;
+}
+
+.buttons{
+    text-align: center;
+    margin-top: 1.5rem;
+}
+
