From 4951e83ab2a83b5cf758db647bd8d3ab8e4ac620 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 13:16:51 +0100
Subject: [PATCH 01/29] Add learning objectives as a comment

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..db9c9b60a 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,10 +13,41 @@ <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-->
+        <!-- Learning objectives
+          Interpret requirements and check against a list of criteria
+          Write a valid form
+          Test with Devtools
+          Refactor using Devtools
+          Use version control by committing often and pushing regularly to GitHub
+          Develop the habit of writing clean, well-structured, and error-free code
+          
+          Writing that out as a series of questions to ask yourself:
+
+          What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.
+          What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
+          What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours?
+          What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL
+
+          Testable criteria
+            I have only used HTML and CSS.
+            I have not used any JavaScript.
+
+          HTML
+            My form is semantic HTML.
+            All inputs have associated labels.
+            My Lighthouse Accessibility score is 100.
+            I require a valid name.
+            I require a valid email.
+            I require one colour from a defined set of 3 colours.
+            I require one size from a defined set of 6 sizes.
+
+          Professional standards
+            My HTML code has no errors or warnings when validated using https://validator.w3.org/
+            My code is consistently formatted
+            My page content is free of typos and grammatical mistakes
+            I commit often and push regularly to GitHub
+            -->
+        
       </form>
     </main>
     <footer>

From 6f2eb34789417d3616c6665f715180ffdf41c656 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 13:22:42 +0100
Subject: [PATCH 02/29] Add h1 and 2 fieldsets for the inputs

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index db9c9b60a..acb9c6efd 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -47,7 +47,16 @@ <h1>Product Pick</h1>
             My page content is free of typos and grammatical mistakes
             I commit often and push regularly to GitHub
             -->
-        
+
+          <h1>Pick your t-shirt</h1>
+          <fieldset id="customer-info">
+            <legend>Customer info</legend>
+          </fieldset>
+          <fieldset id="tshirt-info">
+            <legend>T-shirt info</legend>
+          </fieldset>
+
+
       </form>
     </main>
     <footer>

From 7e93424b31392801cef7744d6f2470a2df3b3cee Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 13:23:29 +0100
Subject: [PATCH 03/29] Add my name at the bottom

---
 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 acb9c6efd..4c88ac44c 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -61,7 +61,7 @@ <h1>Pick your t-shirt</h1>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Hanna Bohlin</p>
     </footer>
   </body>
 </html>

From d88ce198ce135eb3465ed54b1f51d0ab333da0a6 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 13:24:52 +0100
Subject: [PATCH 04/29] Remove h1 as there already is one

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 4c88ac44c..21512ed18 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -48,7 +48,6 @@ <h1>Product Pick</h1>
             I commit often and push regularly to GitHub
             -->
 
-          <h1>Pick your t-shirt</h1>
           <fieldset id="customer-info">
             <legend>Customer info</legend>
           </fieldset>
@@ -60,7 +59,6 @@ <h1>Pick your t-shirt</h1>
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
       <p>By Hanna Bohlin</p>
     </footer>
   </body>

From 096737f030ffae96f72bdc93091460846d1fa9b3 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 13:31:56 +0100
Subject: [PATCH 05/29] Add required pattern name input

---
 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 21512ed18..6f6f04d93 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -50,12 +50,13 @@ <h1>Product Pick</h1>
 
           <fieldset id="customer-info">
             <legend>Customer info</legend>
+            <label for="name">Name</label>
+            <input type="text" required pattern=".*\S.*\S.*" />
           </fieldset>
           <fieldset id="tshirt-info">
             <legend>T-shirt info</legend>
           </fieldset>
 
-
       </form>
     </main>
     <footer>

From f8e70bd0f7e0c1262bc7c864e2fb860de93a527a Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 13:32:46 +0100
Subject: [PATCH 06/29] Add submit button

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 6f6f04d93..d3570e8d3 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -57,6 +57,11 @@ <h1>Product Pick</h1>
             <legend>T-shirt info</legend>
           </fieldset>
 
+          <section id="submit-section">
+            <label for="submit-btn">Submit button</label>
+            <button type="submit">Submit</button>
+          </section>
+
       </form>
     </main>
     <footer>

From 086fc7b31fd57368eb1a99c32e6fe8ebc881f612 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 13:34:25 +0100
Subject: [PATCH 07/29] Add email input

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index d3570e8d3..ede9bf50f 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -52,6 +52,8 @@ <h1>Product Pick</h1>
             <legend>Customer info</legend>
             <label for="name">Name</label>
             <input type="text" required pattern=".*\S.*\S.*" />
+            <label for="email">Email</label>
+            <input type="email" required />
           </fieldset>
           <fieldset id="tshirt-info">
             <legend>T-shirt info</legend>

From fd97af3f7811d774181f8c5e87a9597ceb3a7590 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 13:35:40 +0100
Subject: [PATCH 08/29] Add divs around inputs to start on new line

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index ede9bf50f..0d936c01c 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -50,10 +50,14 @@ <h1>Product Pick</h1>
 
           <fieldset id="customer-info">
             <legend>Customer info</legend>
-            <label for="name">Name</label>
-            <input type="text" required pattern=".*\S.*\S.*" />
-            <label for="email">Email</label>
-            <input type="email" required />
+            <div>
+              <label for="name">Name</label>
+              <input type="text" required pattern=".*\S.*\S.*" />
+            </div>
+            <div>
+              <label for="email">Email</label>
+              <input type="email" required />
+            </div>
           </fieldset>
           <fieldset id="tshirt-info">
             <legend>T-shirt info</legend>

From 84e14fb2b767997dbb00816103a95f5d6143bac4 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 13:57:12 +0100
Subject: [PATCH 09/29] Add radio buttons to choose colour

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 0d936c01c..3ce0253a3 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -61,6 +61,13 @@ <h1>Product Pick</h1>
           </fieldset>
           <fieldset id="tshirt-info">
             <legend>T-shirt info</legend>
+            <p>Choose a colour:</p>
+            <input type="radio" name="color" id="white" value="white"/>
+            <label for="white">White</label>
+            <input type="radio" name="color" id="black" value="black"/>
+            <label for="white">Black</label>
+            <input type="radio" name="color" id="brown" value="brown"/>
+            <label for="white">Brown</label>
           </fieldset>
 
           <section id="submit-section">

From 181070666acba1512d2ec23c4b120edeb8a164c5 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 14:00:07 +0100
Subject: [PATCH 10/29] Add section and label around radio buttons

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 3ce0253a3..b80150ca3 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -61,13 +61,15 @@ <h1>Product Pick</h1>
           </fieldset>
           <fieldset id="tshirt-info">
             <legend>T-shirt info</legend>
-            <p>Choose a colour:</p>
-            <input type="radio" name="color" id="white" value="white"/>
-            <label for="white">White</label>
-            <input type="radio" name="color" id="black" value="black"/>
-            <label for="white">Black</label>
-            <input type="radio" name="color" id="brown" value="brown"/>
-            <label for="white">Brown</label>
+            <label for="color-radio-btns">Choose a colour:</label>
+            <section id="color-radio-btns">
+              <input type="radio" name="color" id="white" value="white"/>
+              <label for="white">White</label>
+              <input type="radio" name="color" id="black" value="black"/>
+              <label for="white">Black</label>
+              <input type="radio" name="color" id="brown" value="brown"/>
+              <label for="white">Brown</label>
+            </section>
           </fieldset>
 
           <section id="submit-section">

From 4fcef2b9b7f870b0634d7238fbfdb5c316c3c50f Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 14:05:00 +0100
Subject: [PATCH 11/29] Add select size with 6 options

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index b80150ca3..0e7bd5942 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -70,6 +70,15 @@ <h1>Product Pick</h1>
               <input type="radio" name="color" id="brown" value="brown"/>
               <label for="white">Brown</label>
             </section>
+            <label for="size">Choose a size:</label>
+            <select id="size">
+              <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>
           </fieldset>
 
           <section id="submit-section">

From fd4a8ac638b6de8792c38858b959c0399bb87458 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 14:09:37 +0100
Subject: [PATCH 12/29] Add name attribute to name and email inputs

---
 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 0e7bd5942..642b1c87f 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -52,11 +52,11 @@ <h1>Product Pick</h1>
             <legend>Customer info</legend>
             <div>
               <label for="name">Name</label>
-              <input type="text" required pattern=".*\S.*\S.*" />
+              <input type="text" required name="name" pattern=".*\S.*\S.*" />
             </div>
             <div>
               <label for="email">Email</label>
-              <input type="email" required />
+              <input type="email" name="email" required />
             </div>
           </fieldset>
           <fieldset id="tshirt-info">

From d537821a31bbca2e3e49b7c3659c85af6afd780d Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 15:20:19 +0100
Subject: [PATCH 13/29] Make radio buttons required

---
 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 642b1c87f..ef808aebb 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -63,7 +63,7 @@ <h1>Product Pick</h1>
             <legend>T-shirt info</legend>
             <label for="color-radio-btns">Choose a colour:</label>
             <section id="color-radio-btns">
-              <input type="radio" name="color" id="white" value="white"/>
+              <input type="radio" name="color" id="white" value="white" required/>
               <label for="white">White</label>
               <input type="radio" name="color" id="black" value="black"/>
               <label for="white">Black</label>

From f7671fa11bb8bd84a52043a4d0c6db26f6b047e5 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 15:24:47 +0100
Subject: [PATCH 14/29] Make select size required

---
 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 ef808aebb..f9e7f9fee 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -71,7 +71,8 @@ <h1>Product Pick</h1>
               <label for="white">Brown</label>
             </section>
             <label for="size">Choose a size:</label>
-            <select id="size">
+            <select name="size" id="size" required>
+              <option></option>
               <option value="xs">XS</option>
               <option value="s">S</option>
               <option value="m">M</option>

From 66127a6a3880285b2df39da81632330dc671e654 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 15:34:28 +0100
Subject: [PATCH 15/29] Create styles sheet

---
 Form-Controls/styles.css | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 Form-Controls/styles.css

diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css
new file mode 100644
index 000000000..e69de29bb

From 98f71068b05f311bddb80a687db1d94eabeecb7e Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 15:39:58 +0100
Subject: [PATCH 16/29] Linked stylesheet to index

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index f9e7f9fee..1f8fe7591 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -6,6 +6,7 @@
     <title>My form exercise</title>
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="./styles.css" />
   </head>
   <body>
     <header>
@@ -14,12 +15,12 @@ <h1>Product Pick</h1>
     <main>
       <form>
         <!-- Learning objectives
-          Interpret requirements and check against a list of criteria
-          Write a valid form
+         *Interpret requirements and check against a list of criteria
+         *Write a valid form
           Test with Devtools
           Refactor using Devtools
-          Use version control by committing often and pushing regularly to GitHub
-          Develop the habit of writing clean, well-structured, and error-free code
+         *Use version control by committing often and pushing regularly to GitHub
+         *Develop the habit of writing clean, well-structured, and error-free code
           
           Writing that out as a series of questions to ask yourself:
 
@@ -30,22 +31,22 @@ <h1>Product Pick</h1>
 
           Testable criteria
             I have only used HTML and CSS.
-            I have not used any JavaScript.
+           *I have not used any JavaScript.
 
           HTML
-            My form is semantic HTML.
-            All inputs have associated labels.
+           *My form is semantic HTML.
+           *All inputs have associated labels.
             My Lighthouse Accessibility score is 100.
-            I require a valid name.
-            I require a valid email.
-            I require one colour from a defined set of 3 colours.
-            I require one size from a defined set of 6 sizes.
+           *I require a valid name.
+           *I require a valid email.
+           *I require one colour from a defined set of 3 colours.
+           *I require one size from a defined set of 6 sizes.
 
           Professional standards
             My HTML code has no errors or warnings when validated using https://validator.w3.org/
             My code is consistently formatted
             My page content is free of typos and grammatical mistakes
-            I commit often and push regularly to GitHub
+           *I commit often and push regularly to GitHub
             -->
 
           <fieldset id="customer-info">

From 38ea368d2d142adbb4a05637eef6b48735cd7b9d Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 16:59:39 +0100
Subject: [PATCH 17/29] Add background and text colour in stylesheet

---
 Form-Controls/index.html | 2 +-
 Form-Controls/styles.css | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 1f8fe7591..1fad69b84 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -6,7 +6,7 @@
     <title>My form exercise</title>
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="./styles.css" />
+    <link rel="stylesheet" href="styles.css" />
   </head>
   <body>
     <header>
diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css
index e69de29bb..ff4503a71 100644
--- a/Form-Controls/styles.css
+++ b/Form-Controls/styles.css
@@ -0,0 +1,5 @@
+body {
+    background-color: rgb(249, 205, 205);
+    color: purple;
+}
+

From 9ac0b56be84ee00b5c486d782bd0bd6c84336da8 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Wed, 9 Sep 2026 17:08:23 +0100
Subject: [PATCH 18/29] Add margin to many elements

---
 Form-Controls/styles.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css
index ff4503a71..8fde49a36 100644
--- a/Form-Controls/styles.css
+++ b/Form-Controls/styles.css
@@ -3,3 +3,14 @@ body {
     color: purple;
 }
 
+input {
+    margin: 10px;
+}
+
+fieldset {
+    margin: 7px;
+}
+
+section {
+    margin: 7px;
+}
\ No newline at end of file

From dc522f99937f89ccfa67981c05807fe40dcaace0 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Fri, 11 Sep 2026 13:16:32 +0100
Subject: [PATCH 19/29] Add id attribute to name and email input

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 1fad69b84..12f885892 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -17,8 +17,8 @@ <h1>Product Pick</h1>
         <!-- Learning objectives
          *Interpret requirements and check against a list of criteria
          *Write a valid form
-          Test with Devtools
-          Refactor using Devtools
+         *Test with Devtools
+         *Refactor using Devtools
          *Use version control by committing often and pushing regularly to GitHub
          *Develop the habit of writing clean, well-structured, and error-free code
           
@@ -30,7 +30,7 @@ <h1>Product Pick</h1>
           What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL
 
           Testable criteria
-            I have only used HTML and CSS.
+           *I have only used HTML and CSS.
            *I have not used any JavaScript.
 
           HTML
@@ -53,11 +53,11 @@ <h1>Product Pick</h1>
             <legend>Customer info</legend>
             <div>
               <label for="name">Name</label>
-              <input type="text" required name="name" pattern=".*\S.*\S.*" />
+              <input id="name" type="text" required name="name" pattern=".*\S.*\S.*" />
             </div>
             <div>
               <label for="email">Email</label>
-              <input type="email" name="email" required />
+              <input id="email" type="email" name="email" required />
             </div>
           </fieldset>
           <fieldset id="tshirt-info">

From cf1fa66528e2d4153d899f38516e2521822642d6 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Fri, 11 Sep 2026 13:17:21 +0100
Subject: [PATCH 20/29] Correct for attribute for color labels

---
 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 12f885892..929e50d82 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -67,9 +67,9 @@ <h1>Product Pick</h1>
               <input type="radio" name="color" id="white" value="white" required/>
               <label for="white">White</label>
               <input type="radio" name="color" id="black" value="black"/>
-              <label for="white">Black</label>
+              <label for="black">Black</label>
               <input type="radio" name="color" id="brown" value="brown"/>
-              <label for="white">Brown</label>
+              <label for="brown">Brown</label>
             </section>
             <label for="size">Choose a size:</label>
             <select name="size" id="size" required>

From 41624ac568c442d879a1caf5713680600d6a5d5c Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Fri, 11 Sep 2026 13:20:26 +0100
Subject: [PATCH 21/29] Add meta description tag to improve SEO

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 929e50d82..7f2bfbb7c 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -6,6 +6,7 @@
     <title>My form exercise</title>
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="Form to pick your t-shirt"/>
     <link rel="stylesheet" href="styles.css" />
   </head>
   <body>

From 62b137b9e861671ce07850970fdffb1617463624 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Fri, 11 Sep 2026 14:57:33 +0100
Subject: [PATCH 22/29] Remove empty meta description tag

---
 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 7f2bfbb7c..167f11963 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -4,7 +4,6 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <title>My form exercise</title>
-    <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="description" content="Form to pick your t-shirt"/>
     <link rel="stylesheet" href="styles.css" />
@@ -37,7 +36,7 @@ <h1>Product Pick</h1>
           HTML
            *My form is semantic HTML.
            *All inputs have associated labels.
-            My Lighthouse Accessibility score is 100.
+           *My Lighthouse Accessibility score is 100.
            *I require a valid name.
            *I require a valid email.
            *I require one colour from a defined set of 3 colours.

From 49c1ae1c01800e81c6da785ff812062b39306f95 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Fri, 11 Sep 2026 15:55:55 +0100
Subject: [PATCH 23/29] Remove trailing forward slashes

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 167f11963..154434da4 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta charset="utf-8" >
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" >
     <title>My form exercise</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="description" content="Form to pick your t-shirt"/>
-    <link rel="stylesheet" href="styles.css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" >
+    <meta name="description" content="Form to pick your t-shirt">
+    <link rel="stylesheet" href="styles.css" >
   </head>
   <body>
     <header>
@@ -53,22 +53,22 @@ <h1>Product Pick</h1>
             <legend>Customer info</legend>
             <div>
               <label for="name">Name</label>
-              <input id="name" type="text" required name="name" pattern=".*\S.*\S.*" />
+              <input id="name" type="text" required name="name" pattern=".*\S.*\S.*" >
             </div>
             <div>
               <label for="email">Email</label>
-              <input id="email" type="email" name="email" required />
+              <input id="email" type="email" name="email" required >
             </div>
           </fieldset>
           <fieldset id="tshirt-info">
             <legend>T-shirt info</legend>
             <label for="color-radio-btns">Choose a colour:</label>
             <section id="color-radio-btns">
-              <input type="radio" name="color" id="white" value="white" required/>
+              <input type="radio" name="color" id="white" value="white" required>
               <label for="white">White</label>
-              <input type="radio" name="color" id="black" value="black"/>
+              <input type="radio" name="color" id="black" value="black">
               <label for="black">Black</label>
-              <input type="radio" name="color" id="brown" value="brown"/>
+              <input type="radio" name="color" id="brown" value="brown">
               <label for="brown">Brown</label>
             </section>
             <label for="size">Choose a size:</label>

From 453a7da13c60224180f1287975c605b983a9a5b9 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Fri, 11 Sep 2026 15:57:37 +0100
Subject: [PATCH 24/29] Change radio btn section into a div as it is non
 semantic

---
 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 154434da4..d83d69acd 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -63,14 +63,14 @@ <h1>Product Pick</h1>
           <fieldset id="tshirt-info">
             <legend>T-shirt info</legend>
             <label for="color-radio-btns">Choose a colour:</label>
-            <section id="color-radio-btns">
+            <div id="color-radio-btns">
               <input type="radio" name="color" id="white" value="white" required>
               <label for="white">White</label>
               <input type="radio" name="color" id="black" value="black">
               <label for="black">Black</label>
               <input type="radio" name="color" id="brown" value="brown">
               <label for="brown">Brown</label>
-            </section>
+            </div>
             <label for="size">Choose a size:</label>
             <select name="size" id="size" required>
               <option></option>

From 70afc133cd6b729ac114195aa2da83cbddc7c4c0 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Fri, 11 Sep 2026 16:00:01 +0100
Subject: [PATCH 25/29] Add label to the empty option in select

---
 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 d83d69acd..bfff6c904 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -73,7 +73,7 @@ <h1>Product Pick</h1>
             </div>
             <label for="size">Choose a size:</label>
             <select name="size" id="size" required>
-              <option></option>
+              <option label="choose"></option>
               <option value="xs">XS</option>
               <option value="s">S</option>
               <option value="m">M</option>

From 1b5c004e22fb272f3cf2c88dd66c5cde7f0b29f9 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Fri, 11 Sep 2026 16:01:13 +0100
Subject: [PATCH 26/29] Change submit section into div as no heading is used

---
 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 bfff6c904..b075044ba 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -83,10 +83,10 @@ <h1>Product Pick</h1>
             </select>
           </fieldset>
 
-          <section id="submit-section">
+          <div id="submit">
             <label for="submit-btn">Submit button</label>
             <button type="submit">Submit</button>
-          </section>
+          </div>
 
       </form>
     </main>

From d5648203f6494e0d43aff952089e986aecef99b8 Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Fri, 11 Sep 2026 16:08:01 +0100
Subject: [PATCH 27/29] Change label to p as it doesn't describe an input

---
 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 b075044ba..7c53ee4c8 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -62,7 +62,7 @@ <h1>Product Pick</h1>
           </fieldset>
           <fieldset id="tshirt-info">
             <legend>T-shirt info</legend>
-            <label for="color-radio-btns">Choose a colour:</label>
+            <p>Choose a colour:</p>
             <div id="color-radio-btns">
               <input type="radio" name="color" id="white" value="white" required>
               <label for="white">White</label>

From a414171429dd747fb20a9bd1d549c2fe89a70d4d Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Fri, 11 Sep 2026 16:08:59 +0100
Subject: [PATCH 28/29] Remove submit label as it doesn't describe an input

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 7c53ee4c8..5e4e6f940 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -84,7 +84,6 @@ <h1>Product Pick</h1>
           </fieldset>
 
           <div id="submit">
-            <label for="submit-btn">Submit button</label>
             <button type="submit">Submit</button>
           </div>
 

From c8616a9242e466895d89cf497d515c0ef584d34c Mon Sep 17 00:00:00 2001
From: Hanna Bohlin <ha.bohlin@gmail.com>
Date: Fri, 11 Sep 2026 16:11:28 +0100
Subject: [PATCH 29/29] Checked off final requirements met

---
 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 5e4e6f940..6391c99f3 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -43,9 +43,9 @@ <h1>Product Pick</h1>
            *I require one size from a defined set of 6 sizes.
 
           Professional standards
-            My HTML code has no errors or warnings when validated using https://validator.w3.org/
-            My code is consistently formatted
-            My page content is free of typos and grammatical mistakes
+           *My HTML code has no errors or warnings when validated using https://validator.w3.org/
+           *My code is consistently formatted
+           *My page content is free of typos and grammatical mistakes
            *I commit often and push regularly to GitHub
             -->