Add learning objectives as a comment

Author: habohlin

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>