From ced2c8be2a0e47b753f29e84d5156d22fea12b71 Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sat, 12 Sep 2026 14:26:09 +0200
Subject: [PATCH 01/22] Created animal website and index.html

---
 git-collaboration/animal-website/index.html | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 git-collaboration/animal-website/index.html

diff --git a/git-collaboration/animal-website/index.html b/git-collaboration/animal-website/index.html
new file mode 100644
index 000000000..e69de29bb

From dfe221ff487984f5708ef2adbc43d65b8cb01233 Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sat, 12 Sep 2026 14:35:20 +0200
Subject: [PATCH 02/22] Part 1 - Creating the repository

---
 animal-website/index.html | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 animal-website/index.html

diff --git a/animal-website/index.html b/animal-website/index.html
new file mode 100644
index 000000000..e69de29bb

From 20df3e3978b58a3ad21702fec010b70b549357b4 Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sat, 12 Sep 2026 16:19:52 +0200
Subject: [PATCH 03/22] Added colour options for shirts

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..764a70b52 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,10 +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-->
+        <fieldset>
+          <legend>Shirt Colour Options</legend>
+            <p>
+              <input type="radio" name="color" id="colour_1">
+              <label for="color_1">Red</label>
+            </p>
+            <p>
+              <input type="radio" name="color" id="colour_2">
+              <label for="colour_2">Blue</label>
+            </p>
+            <p>
+              <input type="radio" name="color" id="colour_3">
+              <label for="colour_3">Green</label>
+            </p>
+        </fieldset>
+
+<!--
+Writing that out as a series of questions to ask yourself:
+
+1. What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.
+2. What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
+3. What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours?
+4. What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL
+-->
       </form>
     </main>
     <footer>

From 5817f0baacdc47c52e9ae648142f802ee4349caf Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sat, 12 Sep 2026 16:20:38 +0200
Subject: [PATCH 04/22] Changed Footer Name

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 764a70b52..6f9a04daf 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -40,8 +40,7 @@ <h1>Product Pick</h1>
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By MATTHAUS BAUSE</p>
     </footer>
   </body>
 </html>

From 857487a253632dcafdcdc3f409e8ed37d9edf3a7 Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sat, 12 Sep 2026 16:25:34 +0200
Subject: [PATCH 05/22] Added shirt size options

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 6f9a04daf..c949c3d4a 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -28,6 +28,17 @@ <h1>Product Pick</h1>
               <label for="colour_3">Green</label>
             </p>
         </fieldset>
+        <fieldset>
+          <legend>Shirt Size Options</legend>
+            <label for="size">Size Options</label>
+              <select name="size" id="shirt-size">
+                <option value="xs">Extra Small</option>
+                <option value="s">Small</option>
+                <option value="m">Medium</option>
+                <option value="l">Large</option>
+                <option value="xl">Extra Large</option>
+              </select>
+        </fieldset>
 
 <!--
 Writing that out as a series of questions to ask yourself:

From 66bd2de94fffb60cbe15fb0bb698cc91b422801a Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sat, 12 Sep 2026 16:36:56 +0200
Subject: [PATCH 06/22] Added Customer Details Field

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index c949c3d4a..d1dcd3bbc 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -12,7 +12,22 @@
       <h1>Product Pick</h1>
     </header>
     <main>
+
       <form>
+
+        <fieldset>
+          <legend>Your Details</legend>
+            <p>
+              <label for="name">Name:</label>
+              <input type="text" name="name" id="name" placeholder="John Smith" required>
+            </p>
+
+            <p>
+              <label for="email">Email:</label>
+              <input type="text" name="email" id="email" placeholder="example@email.com" required>
+            </p>
+        </fieldset>
+
         <fieldset>
           <legend>Shirt Colour Options</legend>
             <p>
@@ -28,6 +43,7 @@ <h1>Product Pick</h1>
               <label for="colour_3">Green</label>
             </p>
         </fieldset>
+
         <fieldset>
           <legend>Shirt Size Options</legend>
             <label for="size">Size Options</label>
@@ -37,9 +53,9 @@ <h1>Product Pick</h1>
                 <option value="m">Medium</option>
                 <option value="l">Large</option>
                 <option value="xl">Extra Large</option>
+                <option value="xll">Extra Extra Large</option>
               </select>
         </fieldset>
-
 <!--
 Writing that out as a series of questions to ask yourself:
 

From 8bc3b93c26a26bc517bb0a4414d334403cb69034 Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sat, 12 Sep 2026 16:40:03 +0200
Subject: [PATCH 07/22] changed shirt color label "for"

---
 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 d1dcd3bbc..4f69e35a3 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -32,15 +32,15 @@ <h1>Product Pick</h1>
           <legend>Shirt Colour Options</legend>
             <p>
               <input type="radio" name="color" id="colour_1">
-              <label for="color_1">Red</label>
+              <label for="red">Red</label>
             </p>
             <p>
               <input type="radio" name="color" id="colour_2">
-              <label for="colour_2">Blue</label>
+              <label for="blue">Blue</label>
             </p>
             <p>
               <input type="radio" name="color" id="colour_3">
-              <label for="colour_3">Green</label>
+              <label for="green">Green</label>
             </p>
         </fieldset>
 

From adf2ba23defdbe9934fa74c2d1c3813ccf6d1bc4 Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sun, 13 Sep 2026 03:39:50 +0200
Subject: [PATCH 08/22] Added a submit button

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 4f69e35a3..e0856a04d 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -18,36 +18,34 @@ <h1>Product Pick</h1>
         <fieldset>
           <legend>Your Details</legend>
             <p>
-              <label for="name">Name:</label>
-              <input type="text" name="name" id="name" placeholder="John Smith" required>
+              <label for="name">Name: <input type="text" name="name" id="name" placeholder="John Smith" required></label>            
             </p>
 
             <p>
-              <label for="email">Email:</label>
-              <input type="text" name="email" id="email" placeholder="example@email.com" required>
-            </p>
+              <label for="email">Email: <input type="text" name="email" id="email" placeholder="example@email.com" required></label>
+           </p>
         </fieldset>
 
         <fieldset>
           <legend>Shirt Colour Options</legend>
             <p>
               <input type="radio" name="color" id="colour_1">
-              <label for="red">Red</label>
+              <label for="colour_1">Red</label>
             </p>
             <p>
               <input type="radio" name="color" id="colour_2">
-              <label for="blue">Blue</label>
+              <label for="colour_2">Blue</label>
             </p>
             <p>
               <input type="radio" name="color" id="colour_3">
-              <label for="green">Green</label>
+              <label for="colour_3">Green</label>
             </p>
         </fieldset>
 
         <fieldset>
           <legend>Shirt Size Options</legend>
             <label for="size">Size Options</label>
-              <select name="size" id="shirt-size">
+              <select name="size" id="size">
                 <option value="xs">Extra Small</option>
                 <option value="s">Small</option>
                 <option value="m">Medium</option>
@@ -56,15 +54,13 @@ <h1>Product Pick</h1>
                 <option value="xll">Extra Extra Large</option>
               </select>
         </fieldset>
-<!--
-Writing that out as a series of questions to ask yourself:
 
-1. What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.
-2. What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
-3. What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours?
-4. What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL
--->
+        <div>
+          <button class="submit">Continue with selection</button>
+        </div>
+
       </form>
+      
     </main>
     <footer>
       <p>By MATTHAUS BAUSE</p>

From 1979160963c1f128ed3912afe14ab578bb277e64 Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sun, 13 Sep 2026 03:41:11 +0200
Subject: [PATCH 09/22] added a <p> for the button

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index e0856a04d..e4bb8752f 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -56,11 +56,13 @@ <h1>Product Pick</h1>
         </fieldset>
 
         <div>
-          <button class="submit">Continue with selection</button>
+          <p>
+            <button class="submit">Continue with selection</button>
+          </p>
         </div>
 
       </form>
-      
+
     </main>
     <footer>
       <p>By MATTHAUS BAUSE</p>

From b6c78a5850394f7261a254183484ba18e3ab2b0d Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sun, 13 Sep 2026 03:53:46 +0200
Subject: [PATCH 10/22] Neatened my line of code added a few <p> and <div>

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index e4bb8752f..8a83f08be 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -8,42 +8,57 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>
   <body>
+
     <header>
       <h1>Product Pick</h1>
     </header>
+    
     <main>
 
       <form>
 
         <fieldset>
+
           <legend>Your Details</legend>
-            <p>
-              <label for="name">Name: <input type="text" name="name" id="name" placeholder="John Smith" required></label>            
-            </p>
 
-            <p>
+          <p>
+            <div>
+              <label for="name">Name: <input type="text" name="name" id="name" placeholder="John Smith" required></label>            
+            </div>
+          </p>
+          <p>
+            <div>
               <label for="email">Email: <input type="text" name="email" id="email" placeholder="example@email.com" required></label>
-           </p>
+          </p>
+
         </fieldset>
 
         <fieldset>
+
           <legend>Shirt Colour Options</legend>
-            <p>
+
+          <p>
+            <div>
               <input type="radio" name="color" id="colour_1">
               <label for="colour_1">Red</label>
-            </p>
-            <p>
+            </div>
+            <div>
               <input type="radio" name="color" id="colour_2">
               <label for="colour_2">Blue</label>
-            </p>
-            <p>
+            </div>
+            <div>
               <input type="radio" name="color" id="colour_3">
               <label for="colour_3">Green</label>
-            </p>
+            </div>
+          </p>
+          
         </fieldset>
 
         <fieldset>
+
           <legend>Shirt Size Options</legend>
+          <p>
+
             <label for="size">Size Options</label>
               <select name="size" id="size">
                 <option value="xs">Extra Small</option>
@@ -53,6 +68,8 @@ <h1>Product Pick</h1>
                 <option value="xl">Extra Large</option>
                 <option value="xll">Extra Extra Large</option>
               </select>
+          </p>
+          
         </fieldset>
 
         <div>
@@ -64,8 +81,10 @@ <h1>Product Pick</h1>
       </form>
 
     </main>
+
     <footer>
       <p>By MATTHAUS BAUSE</p>
     </footer>
+
   </body>
 </html>

From cf2d074d9cc6c1ce42f79b7b057028abc738187f Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sun, 13 Sep 2026 03:54:54 +0200
Subject: [PATCH 11/22] Added my first .css

---
 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 8a83f08be..240cfae12 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -6,6 +6,11 @@
     <title>My form exercise</title>
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      body {
+        text-align: center;
+      }
+    </style>
   </head>
   <body>
 
@@ -69,7 +74,7 @@ <h1>Product Pick</h1>
                 <option value="xll">Extra Extra Large</option>
               </select>
           </p>
-          
+
         </fieldset>
 
         <div>

From 3c9fa22681eaaa5ff76f12053d16ea4256cce569 Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sun, 13 Sep 2026 04:06:15 +0200
Subject: [PATCH 12/22] Added .css to button

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 240cfae12..84f533f45 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -10,6 +10,25 @@
       body {
         text-align: center;
       }
+
+      button {
+        padding: 5px;
+        font: bold 0.6em sans-serif;
+        border: 2px solid #333;
+        border-radius: 5px;
+        cursor: pointer;
+      }
+
+      button::after {
+        content: ">>>";
+      }
+
+      button:hover,
+      button:focus {
+        background: rgb(117, 180, 232);
+        color: white;
+      }
+
     </style>
   </head>
   <body>

From 04a9d419d70f50d61ef50f5ff9efd6e3dddb1826 Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sun, 13 Sep 2026 04:19:02 +0200
Subject: [PATCH 13/22] Added .css to select

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 84f533f45..48aed9d72 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -11,6 +11,18 @@
         text-align: center;
       }
 
+      input {
+        accent-color: rgb(117, 180, 232);
+      }
+
+      select {
+        border: 2px solid #ddd;
+        border-radius: 5px;
+        background: #eee;
+        padding: 2px;
+        transition: 0.4s;
+      }
+
       button {
         padding: 5px;
         font: bold 0.6em sans-serif;

From daa9c1fb4e2a16e8345a6b2a3a09bfab6db4c978 Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sun, 13 Sep 2026 04:20:06 +0200
Subject: [PATCH 14/22] Removed shirt size label

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 48aed9d72..0f9cef5bd 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -95,7 +95,6 @@ <h1>Product Pick</h1>
           <legend>Shirt Size Options</legend>
           <p>
 
-            <label for="size">Size Options</label>
               <select name="size" id="size">
                 <option value="xs">Extra Small</option>
                 <option value="s">Small</option>

From c1fc3d4270493c9ddc364cdf849b39cb80e50be1 Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sun, 13 Sep 2026 04:30:56 +0200
Subject: [PATCH 15/22] added additional hover .css to select

---
 Form-Controls/index.html | 110 +++++++++++++++++++++------------------
 1 file changed, 59 insertions(+), 51 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 0f9cef5bd..9013e0cf8 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -23,18 +23,20 @@
         transition: 0.4s;
       }
 
+      select:hover,
+      select:focus{
+        background: rgb(117, 180, 232);
+        color: white;
+      }
+
       button {
         padding: 5px;
-        font: bold 0.6em sans-serif;
-        border: 2px solid #333;
+        border: 2px solid #ddd;
+        background: #eee;
         border-radius: 5px;
         cursor: pointer;
       }
 
-      button::after {
-        content: ">>>";
-      }
-
       button:hover,
       button:focus {
         background: rgb(117, 180, 232);
@@ -53,49 +55,54 @@ <h1>Product Pick</h1>
 
       <form>
 
-        <fieldset>
-
-          <legend>Your Details</legend>
-
-          <p>
-            <div>
-              <label for="name">Name: <input type="text" name="name" id="name" placeholder="John Smith" required></label>            
-            </div>
-          </p>
-          <p>
-            <div>
-              <label for="email">Email: <input type="text" name="email" id="email" placeholder="example@email.com" required></label>
-          </p>
-
-        </fieldset>
-
-        <fieldset>
-
-          <legend>Shirt Colour Options</legend>
-
-          <p>
-            <div>
-              <input type="radio" name="color" id="colour_1">
-              <label for="colour_1">Red</label>
-            </div>
-            <div>
-              <input type="radio" name="color" id="colour_2">
-              <label for="colour_2">Blue</label>
-            </div>
-            <div>
-              <input type="radio" name="color" id="colour_3">
-              <label for="colour_3">Green</label>
-            </div>
-          </p>
-          
-        </fieldset>
-
-        <fieldset>
-
-          <legend>Shirt Size Options</legend>
-          <p>
-
-              <select name="size" id="size">
+        <p>
+          <fieldset>
+
+            <legend>Your Details</legend>
+
+            <p>
+              <div>
+                <label for="name">Name: <input type="text" name="name" id="name" placeholder="John Smith" required></label>            
+              </div>
+            </p>
+            <p>
+              <div>
+                <label for="email">Email: <input type="text" name="email" id="email" placeholder="example@email.com" required></label>
+            </p>
+
+          </fieldset>
+        </p>
+        
+        <p>
+          <fieldset>
+
+            <legend>Shirt Colour Options</legend>
+
+            <p>
+              <div>
+                <input type="radio" name="color" id="colour_1">
+                <label for="colour_1">Red</label>
+              </div>
+              <div>
+                <input type="radio" name="color" id="colour_2">
+                <label for="colour_2">Blue</label>
+              </div>
+              <div>
+                <input type="radio" name="color" id="colour_3">
+                <label for="colour_3">Green</label>
+              </div>
+            </p>
+            
+          </fieldset>
+        </p>
+
+        <p>
+          <fieldset>
+
+            <legend>Shirt Size Options</legend>
+            
+            <p>
+              <select name="size" id="size" required>
                 <option value="xs">Extra Small</option>
                 <option value="s">Small</option>
                 <option value="m">Medium</option>
@@ -103,9 +110,10 @@ <h1>Product Pick</h1>
                 <option value="xl">Extra Large</option>
                 <option value="xll">Extra Extra Large</option>
               </select>
-          </p>
+            </p>
 
-        </fieldset>
+          </fieldset>
+        </p>
 
         <div>
           <p>

From 4e8e0146a02130d88e55a1a7a9327e473836953e Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sun, 13 Sep 2026 04:35:05 +0200
Subject: [PATCH 16/22] added .css to input

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 9013e0cf8..2befd2c03 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -11,8 +11,11 @@
         text-align: center;
       }
 
-      input {
-        accent-color: rgb(117, 180, 232);
+      input{
+        border: 2px solid #ddd;
+        border-radius: 5px;
+        background: #eee;
+        padding: 2px;
       }
 
       select {

From 0300b4794baa06f750ad063b75b9b1065c7c217a Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sun, 13 Sep 2026 04:42:35 +0200
Subject: [PATCH 17/22] corrected email address field type to from "text" to
 "email"

---
 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 2befd2c03..e1faef2c1 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -70,7 +70,7 @@ <h1>Product Pick</h1>
             </p>
             <p>
               <div>
-                <label for="email">Email: <input type="text" name="email" id="email" placeholder="example@email.com" required></label>
+                <label for="email">Email: <input type="email" name="email" id="email" placeholder="example@email.com" required></label>
             </p>
 
           </fieldset>

From 1543377606e1bce2a968833b11abf8fcc70876e1 Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sun, 13 Sep 2026 04:46:50 +0200
Subject: [PATCH 18/22] added select option to option field

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index e1faef2c1..c0b74121e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -105,7 +105,8 @@ <h1>Product Pick</h1>
             <legend>Shirt Size Options</legend>
             
             <p>
-              <select name="size" id="size" required>
+              <select name="size" id="size">
+                <option value="select-option">Please Select an Option</option>
                 <option value="xs">Extra Small</option>
                 <option value="s">Small</option>
                 <option value="m">Medium</option>

From bb8c532f91046600eb26643a51e95754a2ae42b8 Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sun, 13 Sep 2026 05:04:35 +0200
Subject: [PATCH 19/22] added .css to field set

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index c0b74121e..1c7f80e48 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -9,6 +9,15 @@
     <style>
       body {
         text-align: center;
+        background-color: rgb(162, 139, 139);
+      }
+
+      fieldset{
+        border-radius: 10px;
+        padding: 3px;
+        max-width: 450px;
+        margin: 0 auto 12px auto;
+        box-sizing: border-box;
       }
 
       input{

From f873d15809fe155c617ef64d87c805c06a6673d5 Mon Sep 17 00:00:00 2001
From: MatthausBause <chef.matthaus@gmail.com>
Date: Sun, 13 Sep 2026 05:13:23 +0200
Subject: [PATCH 20/22] added "aria-label" to select field

---
 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 1c7f80e48..26318cdc8 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -114,8 +114,8 @@ <h1>Product Pick</h1>
             <legend>Shirt Size Options</legend>
             
             <p>
-              <select name="size" id="size">
-                <option value="select-option">Please Select an Option</option>
+              <select name="size" id="size" aria-label="Shirt Size Options">
+                <option value="so">Please Select an Option</option>
                 <option value="xs">Extra Small</option>
                 <option value="s">Small</option>
                 <option value="m">Medium</option>

From eb8a31fb2030f4ccc3216ce8011e7baf7452bd3e Mon Sep 17 00:00:00 2001
From: Matthaus Bause <chef.matthaus@gmail.com>
Date: Sun, 13 Sep 2026 06:16:34 +0200
Subject: [PATCH 21/22] Delete animal-website/index.html

---
 animal-website/index.html | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 animal-website/index.html

diff --git a/animal-website/index.html b/animal-website/index.html
deleted file mode 100644
index e69de29bb..000000000

From 15d21587a8fc4ed5efe6d714a23859d6c211f2e2 Mon Sep 17 00:00:00 2001
From: Matthaus Bause <chef.matthaus@gmail.com>
Date: Sun, 13 Sep 2026 06:23:05 +0200
Subject: [PATCH 22/22] Delete git-collaboration/animal-website/index.html

---
 git-collaboration/animal-website/index.html | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 git-collaboration/animal-website/index.html

diff --git a/git-collaboration/animal-website/index.html b/git-collaboration/animal-website/index.html
deleted file mode 100644
index e69de29bb..000000000