From f373295f1694e5b0a4e489c2b52ad8e10c3d37a7 Mon Sep 17 00:00:00 2001
From: YoditE <yoditkasu22@gmail.com>
Date: Mon, 1 Jun 2026 01:11:07 +0100
Subject: [PATCH 1/2] Complete Form Controls task

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..06c40389d 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,15 +13,65 @@ <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-->
-      </form>
-    </main>
+        <label for="name">Customer Name</label>
+        <input 
+        type="text" 
+        id="name" 
+        name="name"
+        required
+        pattern=".*\S.*\S.*"
+         />
+        <label for="email">Email</label>
+        <input
+        type="email"
+        id="email"
+        name="email"
+        required
+         />
+        <fieldset>
+        <legend>T-shirt Colour</legend>
+
+        <input
+         type="radio"
+         id="red"
+         name="colour"
+         value="red"
+         required
+          />
+         <label for="red">Red</label>
+
+        <input
+         type="radio"
+         id="blue"
+         name="colour"
+         value="blue"
+         />
+        <label for="blue">Blue</label>
+
+        <input
+        type="radio"
+        id="black"
+        name="colour"
+        value="black"
+        />
+       <label for="black">Black</label>
+       </fieldset>
+        <label for="size">T-shirt Size</label>
+        <select id="size" name="size" 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>
+        </select>
+        <button type="submit">Submit Order</button>
+       </form>
+       </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Yodit kasu</p>
     </footer>
   </body>
 </html>

From b309cb21529a0fc8d347e0e1ccd1fbd44778db7c Mon Sep 17 00:00:00 2001
From: YoditE <yoditkasu22@gmail.com>
Date: Mon, 1 Jun 2026 01:59:48 +0100
Subject: [PATCH 2/2] Complete Form Controls task

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 06c40389d..4bde1bb2f 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -21,6 +21,7 @@ <h1>Product Pick</h1>
         required
         pattern=".*\S.*\S.*"
          />
+         <br><br>
         <label for="email">Email</label>
         <input
         type="email"
@@ -28,7 +29,8 @@ <h1>Product Pick</h1>
         name="email"
         required
          />
-        <fieldset>
+          <br><br>
+        <fieldset style="width:fit-content;">
         <legend>T-shirt Colour</legend>
 
         <input
@@ -56,6 +58,7 @@ <h1>Product Pick</h1>
         />
        <label for="black">Black</label>
        </fieldset>
+        <br>
         <label for="size">T-shirt Size</label>
         <select id="size" name="size" required>
           <option value="">Choose a size</option>
@@ -66,6 +69,7 @@ <h1>Product Pick</h1>
           <option value="xl">XL</option>
           <option value="xxl">XXL</option>
         </select>
+        <br><br>
         <button type="submit">Submit Order</button>
        </form>
        </main>