CodeYourFuture
diff --git a/‎Form-Controls/index.html‎
Lines changed: 6 additions & 9 deletions b/‎Form-Controls/index.html‎
Lines changed: 6 additions & 9 deletions
diff --git a/‎Form-Controls/mystyle.css‎
Lines changed: 13 additions & 0 deletions b/‎Form-Controls/mystyle.css‎
Lines changed: 13 additions & 0 deletions
@@ -6,6 +6,8 @@
     <title>My form exercise</title>
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <link rel="Stylesheet" href="Mystyle.css" />
   </head>
   <body>
     <header>
@@ -14,21 +16,17 @@ <h1>Product Pick</h1>
     <main>
       <h2> Verify your order and details below:</h2>
       <form>
-   
-        
-        <!-- write your html here-->
-        <!-- 
-          try writing out the requirements first as comments
-        this will also help you fill in your PR message later-->
 
-        <!-- REQUIREMENTS: -->
+        <!-- REQUIREMENTS:
+         Each requirement is listed as a comment with the corresponding code below it-->
         <!-- 1.Customer's name - ensure it contains at least two non-space characters. -->
                <div>
                   <p>
                     <label>Full Name:</label>
                     <input type = "text" id = "name" name = "name">
                   </p>
                </div>
+
         <!-- 2.Customer's email - Email must be valid and follow consistent pattern. -->
          <div>
           <p>
@@ -42,8 +40,7 @@ <h2> Verify your order and details below:</h2>
           <p>
             <label for="T-Shirt Colour"> T-Shirt Colour: </label>
             <select name="T-Shirt Colour" id="T-Shirt Colour">
-              <option selected disabled> Choose colour:</option>
-              
+              <option selected disabled > Select a colour </option>
               <option label="Red" value="Red"> Red </option>
 
               <option label="Blue" value="Blue"> Blue </option>
 
@@ -0,0 +1,13 @@
+/* Form Styling */
+
+
+/* Text Formatting */
+/* Headers */
+h1, h2 {font-family: Tahoma;}
+
+h2 {font-weight: lighter;}
+
+/* Paragraph */
+
+p {font-family: verdana;
+font-size: 90%;}