From 3db6c063446889e42b67f37925bd0973d2ee933d Mon Sep 17 00:00:00 2001
From: Elisabeth-Matulian <elisabethmatulian@gmail.com>
Date: Wed, 14 Jan 2026 17:08:53 +0000
Subject: [PATCH 1/4] Add HTML name and email fields

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..9d0eb6641 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,15 +13,30 @@ <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-->
+        <label>
+          Name:
+          <input type="text" placeholder="Enter your name" minlength="2" required>
+        </label>
+        <br>
+        <label>
+          Email:
+          <input type="email" placeholder="Enter your email" required>
+        </label>
+        <br>
+        
+          <!--
+    Requirements:
+    1. Collect customer's name (required, min 2 characters)
+    2. Collect customer's email (required, valid email)
+    3. Choose t-shirt colour (3 options only, required)
+    4. Choose t-shirt size (XS, S, M, L, XL, XXL, required)
+    5. All inputs must have labels
+    6. HTML only, no CSS, no JS
+  -->
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
+      <h2>By Elisabeth Matulian</h2>
     </footer>
   </body>
 </html>

From b35d4743565c3914a493c4ed7e38f63407d5ec69 Mon Sep 17 00:00:00 2001
From: Elisabeth-Matulian <elisabethmatulian@gmail.com>
Date: Wed, 14 Jan 2026 17:09:52 +0000
Subject: [PATCH 2/4] Add select dropdown for t-shirt colour

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 9d0eb6641..36f9e9b62 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -23,7 +23,15 @@ <h1>Product Pick</h1>
           <input type="email" placeholder="Enter your email" required>
         </label>
         <br>
-        
+        <label for="colour_select">Choose t-shirt colour</label>
+        <select name="colour" id="colour_select" required>
+          <option value="">--Please choose an option--</option>
+          <option value="blue">Blue</option>
+          <option value="red">Red</option>
+          <option value="black">Black</option>
+        </select>
+        <br>
+          
           <!--
     Requirements:
     1. Collect customer's name (required, min 2 characters)

From 79cea45c856aab736d3bb1abd60617ecb88198e4 Mon Sep 17 00:00:00 2001
From: Elisabeth-Matulian <elisabethmatulian@gmail.com>
Date: Wed, 14 Jan 2026 17:10:32 +0000
Subject: [PATCH 3/4] Add radio buttons for t-shirt size

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 36f9e9b62..c12829ef7 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -31,7 +31,21 @@ <h1>Product Pick</h1>
           <option value="black">Black</option>
         </select>
         <br>
-          
+          <fieldset>
+            <legend>Choose t-shirt size</legend>
+            <input type="radio" name="size" id="xs" value="xs" required>
+            <label for="xs">XS</label><br>
+            <input type="radio" name="size" id="s" value="s">
+            <label for="s">S</label><br>
+            <input type="radio" name="size" id="m" value="m">
+            <label for="m">M</label><br>
+            <input type="radio" name="size" id="l" value="l">
+            <label for="l">L</label><br>
+            <input type="radio" name="size" id="xl" value="xl">
+            <label for="xl">XL</label><br>
+            <input type="radio" name="size" id="xxl" value="xxl">
+            <label for="xxl">XXL</label>
+          </fieldset>
           <!--
     Requirements:
     1. Collect customer's name (required, min 2 characters)

From 51de074482e36f9ccfa559224015493ef86d93b0 Mon Sep 17 00:00:00 2001
From: Elisabeth-Matulian <elisabethmatulian@gmail.com>
Date: Sat, 17 Jan 2026 16:27:16 +0000
Subject: [PATCH 4/4] Fix Lighthouse accessibility issue for touch targets

---
 Form-Controls/index.html | 72 +++++++++++++++++++++++++---------------
 1 file changed, 45 insertions(+), 27 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index c12829ef7..91aba2c59 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,38 +13,56 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-        <label>
-          Name:
-          <input type="text" placeholder="Enter your name" minlength="2" required>
-        </label>
+        <div>
+          <label>
+            Name:
+            <input type="text" placeholder="Enter your name" minlength="2" required>
+          </label>
+        </div>
         <br>
-        <label>
-          Email:
-          <input type="email" placeholder="Enter your email" required>
-        </label>
+        <div>
+          <label>
+            Email:
+            <input type="email" placeholder="Enter your email" required>
+          </label>
+        </div>
         <br>
-        <label for="colour_select">Choose t-shirt colour</label>
-        <select name="colour" id="colour_select" required>
-          <option value="">--Please choose an option--</option>
-          <option value="blue">Blue</option>
-          <option value="red">Red</option>
-          <option value="black">Black</option>
-        </select>
+        <div>
+          <label for="colour_select">Choose t-shirt colour</label>
+          <select name="colour" id="colour_select" required>
+            <option value="">--Please choose an option--</option>
+            <option value="blue">Blue</option>
+            <option value="red">Red</option>
+            <option value="black">Black</option>
+          </select>
+        </div>
         <br>
           <fieldset>
             <legend>Choose t-shirt size</legend>
-            <input type="radio" name="size" id="xs" value="xs" required>
-            <label for="xs">XS</label><br>
-            <input type="radio" name="size" id="s" value="s">
-            <label for="s">S</label><br>
-            <input type="radio" name="size" id="m" value="m">
-            <label for="m">M</label><br>
-            <input type="radio" name="size" id="l" value="l">
-            <label for="l">L</label><br>
-            <input type="radio" name="size" id="xl" value="xl">
-            <label for="xl">XL</label><br>
-            <input type="radio" name="size" id="xxl" value="xxl">
-            <label for="xxl">XXL</label>
+            <div>
+              <input type="radio" name="size" id="xs" value="xs" required>
+              <label for="xs">XS</label>
+            </div><br>
+            <div>
+              <input type="radio" name="size" id="s" value="s">
+              <label for="s">S</label>
+            </div><br>
+            <div>
+              <input type="radio" name="size" id="m" value="m">
+              <label for="m">M</label>
+            </div><br>
+            <div>
+              <input type="radio" name="size" id="l" value="l">
+              <label for="l">L</label>
+            </div><br>
+            <div>
+              <input type="radio" name="size" id="xl" value="xl">
+              <label for="xl">XL</label>
+            </div><br>
+            <div>
+              <input type="radio" name="size" id="xxl" value="xxl">
+              <label for="xxl">XXL</label>
+            </div>
           </fieldset>
           <!--
     Requirements: