From 98ec888412800d52a851f20c7531f7bd4b72ab00 Mon Sep 17 00:00:00 2001
From: alexandru-pocovnicu
 <109530683+alexandru-pocovnicu@users.noreply.github.com>
Date: Sat, 3 Jan 2026 18:21:24 +0000
Subject: [PATCH 01/11] add customer details section

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..999a21b87 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -12,16 +12,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-->
+        <section>
+          <h2>Customer's details:</h2>
+       <!--create an input field to collect the customer's name,input must be at least 2 letters long,it needs to be text -->
+       <label for="customer-name">Name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
+       <input type="text" minlength="2" id="customer-name"><br><br>
+       <label fro="customer-surname">Surname&nbsp;&nbsp;</label>
+       <input type="text" minlength="2" id="customer-surname"><br><br>
+       <!--create an input field to collect the customer's email,input must be type email -->
+       <label for="customer-email">E-mail&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
+       <input type="email" id="customer-email">
+       </section>
+       <h2>Pick Your T-shirt:</h2>
+       
+       
+       <section>
+
+       </section>
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
+      
+      <h2>By Alexandru Pocovnicu</h2>
     </footer>
   </body>
 </html>

From 6e3422a6f1fbe02c4f5c20a0e7cb13c31b6df465 Mon Sep 17 00:00:00 2001
From: alexandru-pocovnicu
 <109530683+alexandru-pocovnicu@users.noreply.github.com>
Date: Sat, 3 Jan 2026 18:24:06 +0000
Subject: [PATCH 02/11] add name attributes to customer details

---
 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 999a21b87..b5cb9d085 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -18,12 +18,12 @@ <h1>Product Pick</h1>
           <h2>Customer's details:</h2>
        <!--create an input field to collect the customer's name,input must be at least 2 letters long,it needs to be text -->
        <label for="customer-name">Name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
-       <input type="text" minlength="2" id="customer-name"><br><br>
-       <label fro="customer-surname">Surname&nbsp;&nbsp;</label>
-       <input type="text" minlength="2" id="customer-surname"><br><br>
+       <input name="customer-name" type="text" minlength="2" id="customer-name"><br><br>
+       <label  for="customer-surname">Surname&nbsp;&nbsp;</label>
+       <input name="customer-surname" type="text" minlength="2" id="customer-surname"><br><br>
        <!--create an input field to collect the customer's email,input must be type email -->
        <label for="customer-email">E-mail&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
-       <input type="email" id="customer-email">
+       <input name="customer-email" type="email" id="customer-email">
        </section>
        <h2>Pick Your T-shirt:</h2>
        

From 65089914b34628a333a0419845396428f87050bf Mon Sep 17 00:00:00 2001
From: alexandru-pocovnicu
 <109530683+alexandru-pocovnicu@users.noreply.github.com>
Date: Sat, 3 Jan 2026 18:32:43 +0000
Subject: [PATCH 03/11] add T-shirt color selection to the form

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index b5cb9d085..70af83d7c 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -26,7 +26,13 @@ <h2>Customer's details:</h2>
        <input name="customer-email" type="email" id="customer-email">
        </section>
        <h2>Pick Your T-shirt:</h2>
-       
+       <label for="tshirt-color"><strong>T-shirt Color:</strong> </label>
+       <select name="tshirt-color" id="tshirt-color">
+        <option value=""></option>
+        <option value="yellow">Yellow</option>
+        <option value="green" >Green</option>
+        <option value="burgundy" >Burgundy</option>
+       </select>
        
        <section>
 

From 2d5609b9b63b3666e3c644c191290cfdc94db80c Mon Sep 17 00:00:00 2001
From: alexandru-pocovnicu
 <109530683+alexandru-pocovnicu@users.noreply.github.com>
Date: Sat, 3 Jan 2026 18:46:11 +0000
Subject: [PATCH 04/11] add tshirt size selection to the form

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 70af83d7c..566dad269 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -31,9 +31,23 @@ <h2>Pick Your T-shirt:</h2>
         <option value=""></option>
         <option value="yellow">Yellow</option>
         <option value="green" >Green</option>
-        <option value="burgundy" >Burgundy</option>
+        <option value="burgundy" >Burgundy</option><br><br>
+        
+
        </select>
-       
+       <p><strong>T-shirt Size:</strong></p>
+       <input name="tshirt-size" type="radio" id="xs" value="xs">
+       <label for="xs">XS</label>
+       <input name="tshirt-size" type="radio" id="s" value="s">
+       <label for="s">S</label>
+       <input name="tshirt-size" type="radio" id="m" value="m">
+       <label for="m">M</label>
+        <input name="tshirt-size" type="radio" id="l" value="l">
+       <label for="L">L</label>
+ <input name="tshirt-size" type="radio" id="xl" value="xl">
+       <label for="xl">XL</label>
+        <input name="tshirt-size" type="radio" id="xxl" value="xxl">
+       <label for="xxl">XXL</label>
        <section>
 
        </section>

From abe821b89f9d0fd748df189ba5419d14b2bec92b Mon Sep 17 00:00:00 2001
From: alexandru-pocovnicu
 <109530683+alexandru-pocovnicu@users.noreply.github.com>
Date: Sat, 3 Jan 2026 18:57:21 +0000
Subject: [PATCH 05/11] add required to all fields

---
 Form-Controls/index.html | 91 ++++++++++++++++++++++++----------------
 1 file changed, 55 insertions(+), 36 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 566dad269..c780cf488 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -12,50 +12,69 @@
       <h1>Product Pick</h1>
     </header>
     <main>
-      
       <form>
         <section>
           <h2>Customer's details:</h2>
-       <!--create an input field to collect the customer's name,input must be at least 2 letters long,it needs to be text -->
-       <label for="customer-name">Name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
-       <input name="customer-name" type="text" minlength="2" id="customer-name"><br><br>
-       <label  for="customer-surname">Surname&nbsp;&nbsp;</label>
-       <input name="customer-surname" type="text" minlength="2" id="customer-surname"><br><br>
-       <!--create an input field to collect the customer's email,input must be type email -->
-       <label for="customer-email">E-mail&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
-       <input name="customer-email" type="email" id="customer-email">
-       </section>
-       <h2>Pick Your T-shirt:</h2>
-       <label for="tshirt-color"><strong>T-shirt Color:</strong> </label>
-       <select name="tshirt-color" id="tshirt-color">
-        <option value=""></option>
-        <option value="yellow">Yellow</option>
-        <option value="green" >Green</option>
-        <option value="burgundy" >Burgundy</option><br><br>
-        
 
-       </select>
-       <p><strong>T-shirt Size:</strong></p>
-       <input name="tshirt-size" type="radio" id="xs" value="xs">
-       <label for="xs">XS</label>
-       <input name="tshirt-size" type="radio" id="s" value="s">
-       <label for="s">S</label>
-       <input name="tshirt-size" type="radio" id="m" value="m">
-       <label for="m">M</label>
-        <input name="tshirt-size" type="radio" id="l" value="l">
-       <label for="L">L</label>
- <input name="tshirt-size" type="radio" id="xl" value="xl">
-       <label for="xl">XL</label>
-        <input name="tshirt-size" type="radio" id="xxl" value="xxl">
-       <label for="xxl">XXL</label>
-       <section>
+          <label for="customer-name"
+            >Name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label
+          >
+          <input
+            name="customer-name"
+            type="text"
+            minlength="2"
+            id="customer-name"
+            required
+          /><br /><br />
+          <label for="customer-surname">Surname&nbsp;&nbsp;</label>
+          <input
+            name="customer-surname"
+            type="text"
+            minlength="2"
+            id="customer-surname"
+            required
+          /><br /><br />
 
-       </section>
+          <label for="customer-email"
+            >E-mail&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label
+          >
+          <input
+            name="customer-email"
+            type="email"
+            id="customer-email"
+            required
+          />
+        </section>
+        <section>
+          <h2>Pick Your T-shirt:</h2>
+          <label for="tshirt-color"><strong>T-shirt Color:</strong> </label>
+          <select name="tshirt-color" id="tshirt-color" required>
+            <option value=""></option>
+            <option value="yellow">Yellow</option>
+            <option value="green">Green</option>
+            <option value="burgundy">Burgundy</option>
+            <br /><br />
+          </select>
+          <p><strong>T-shirt Size:</strong></p>
+          <input name="tshirt-size" type="radio" id="xs" value="xs" required />
+          <label for="xs">XS</label>
+          <input name="tshirt-size" type="radio" id="s" value="s" />
+          <label for="s">S</label>
+          <input name="tshirt-size" type="radio" id="m" value="m" />
+          <label for="m">M</label>
+          <input name="tshirt-size" type="radio" id="l" value="l" />
+          <label for="L">L</label>
+          <input name="tshirt-size" type="radio" id="xl" value="xl" />
+          <label for="xl">XL</label>
+          <input name="tshirt-size" type="radio" id="xxl" value="xxl" />
+          <label for="xxl">XXL</label>
+        </section>
+        <br /><br />
+        <input type="submit" value="Place Order" />
       </form>
     </main>
     <footer>
-      
-      <h2>By Alexandru Pocovnicu</h2>
+      <h3>By Alexandru Pocovnicu</h3>
     </footer>
   </body>
 </html>

From e9dcf1fd915ffa6b088f68cbc6ed8687cdc9408a Mon Sep 17 00:00:00 2001
From: alexandru-pocovnicu
 <109530683+alexandru-pocovnicu@users.noreply.github.com>
Date: Sat, 3 Jan 2026 19:09:03 +0000
Subject: [PATCH 06/11] fix: correct label casing for T-shirt size options

---
 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 c780cf488..b1dfc778a 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -63,7 +63,7 @@ <h2>Pick Your T-shirt:</h2>
           <input name="tshirt-size" type="radio" id="m" value="m" />
           <label for="m">M</label>
           <input name="tshirt-size" type="radio" id="l" value="l" />
-          <label for="L">L</label>
+          <label for="l">L</label>
           <input name="tshirt-size" type="radio" id="xl" value="xl" />
           <label for="xl">XL</label>
           <input name="tshirt-size" type="radio" id="xxl" value="xxl" />

From 119ed06e391d373768330490a59111bee880be6e Mon Sep 17 00:00:00 2001
From: alexandru-pocovnicu
 <109530683+alexandru-pocovnicu@users.noreply.github.com>
Date: Sun, 4 Jan 2026 11:07:53 +0000
Subject: [PATCH 07/11] fix: update default option for T-shirt color selection

---
 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 b1dfc778a..9ce00ba1c 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -49,7 +49,7 @@ <h2>Customer's details:</h2>
           <h2>Pick Your T-shirt:</h2>
           <label for="tshirt-color"><strong>T-shirt Color:</strong> </label>
           <select name="tshirt-color" id="tshirt-color" required>
-            <option value=""></option>
+            <option value="">Color</option>
             <option value="yellow">Yellow</option>
             <option value="green">Green</option>
             <option value="burgundy">Burgundy</option>

From 809dfbfd712de00d8aba285cdbbdfca9533e0b6e Mon Sep 17 00:00:00 2001
From: alexandru-pocovnicu
 <109530683+alexandru-pocovnicu@users.noreply.github.com>
Date: Thu, 8 Jan 2026 20:00:40 +0000
Subject: [PATCH 08/11] refactor: replace sections with fieldsets for better
 semantic structure

---
 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 9ce00ba1c..003656c51 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,8 +13,8 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-        <section>
-          <h2>Customer's details:</h2>
+        <fieldset>
+          <legend>Customer's details:</legend>
 
           <label for="customer-name"
             >Name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label
@@ -44,9 +44,9 @@ <h2>Customer's details:</h2>
             id="customer-email"
             required
           />
-        </section>
-        <section>
-          <h2>Pick Your T-shirt:</h2>
+        </fieldset>
+        <fieldset>
+          <legend>Pick Your T-shirt:</legend>
           <label for="tshirt-color"><strong>T-shirt Color:</strong> </label>
           <select name="tshirt-color" id="tshirt-color" required>
             <option value="">Color</option>
@@ -68,7 +68,7 @@ <h2>Pick Your T-shirt:</h2>
           <label for="xl">XL</label>
           <input name="tshirt-size" type="radio" id="xxl" value="xxl" />
           <label for="xxl">XXL</label>
-        </section>
+        </fieldset>
         <br /><br />
         <input type="submit" value="Place Order" />
       </form>

From 0acf0829b847115b318cec3d434867b825f73a9b Mon Sep 17 00:00:00 2001
From: alexandru-pocovnicu
 <109530683+alexandru-pocovnicu@users.noreply.github.com>
Date: Thu, 8 Jan 2026 20:03:56 +0000
Subject: [PATCH 09/11]  update header title

---
 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 003656c51..17b041087 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -9,7 +9,7 @@
   </head>
   <body>
     <header>
-      <h1>Product Pick</h1>
+      <h1>Dave's T-shirt Factory</h1>
     </header>
     <main>
       <form>

From f234fd7d5b9ff66b0cb6d5a602470fd22150ef0c Mon Sep 17 00:00:00 2001
From: alexandru-pocovnicu
 <109530683+alexandru-pocovnicu@users.noreply.github.com>
Date: Thu, 8 Jan 2026 20:05:51 +0000
Subject: [PATCH 10/11] fix: change footer heading from h3 to h2 for
 consistency

---
 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 17b041087..f70cf19ee 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -74,7 +74,7 @@ <h1>Dave's T-shirt Factory</h1>
       </form>
     </main>
     <footer>
-      <h3>By Alexandru Pocovnicu</h3>
+      <h2>By Alexandru Pocovnicu</h2>
     </footer>
   </body>
 </html>

From 1e4f74aea8231062df3fc84dbdfa5d5f0d9f50e6 Mon Sep 17 00:00:00 2001
From: alexandru-pocovnicu
 <109530683+alexandru-pocovnicu@users.noreply.github.com>
Date: Thu, 8 Jan 2026 20:09:39 +0000
Subject: [PATCH 11/11] fix: update fieldset legends for consistency and
 improve footer heading level

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index f70cf19ee..a425ec559 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -14,7 +14,7 @@ <h1>Dave's T-shirt Factory</h1>
     <main>
       <form>
         <fieldset>
-          <legend>Customer's details:</legend>
+          <legend><h2>Customer's Details:</h2></legend>
 
           <label for="customer-name"
             >Name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label
@@ -46,7 +46,7 @@ <h1>Dave's T-shirt Factory</h1>
           />
         </fieldset>
         <fieldset>
-          <legend>Pick Your T-shirt:</legend>
+          <legend><h2> Pick a T-shirt:</h2></legend>
           <label for="tshirt-color"><strong>T-shirt Color:</strong> </label>
           <select name="tshirt-color" id="tshirt-color" required>
             <option value="">Color</option>
@@ -74,7 +74,7 @@ <h1>Dave's T-shirt Factory</h1>
       </form>
     </main>
     <footer>
-      <h2>By Alexandru Pocovnicu</h2>
+      <h3>By Alexandru Pocovnicu</h3>
     </footer>
   </body>
 </html>