CodeYourFuture · Liam310 · May 16, 2026
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
@@ -6,22 +6,37 @@
     <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>
       <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-        <!-- write your html here-->
+        <div>
+          <label for="name">Name: </label>
+          <input id="name" type="text" pattern="[^\s]\s?[^\s]+"/>
+        </div>
         <!-- 
-          try writing out the requirements first as comments
-        this will also help you fill in your PR message later-->
+        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
+        ---
+        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.
+        -->
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Liam Greenfield</p>
     </footer>
   </body>
 </html>
diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css