CodeYourFuture
diff --git a/‎Form-Controls/index.html‎
Lines changed: 33 additions & 32 deletions b/‎Form-Controls/index.html‎
Lines changed: 33 additions & 32 deletions
@@ -6,6 +6,39 @@
     <title>My form exercise</title>
     <meta name="description" content="Form for ordering T-Shirts" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <style>
+      form div {
+        margin-bottom: 10px;
+      }
+      #name,
+      #email,
+      #colour {
+        padding: 10px;
+        font-size: 1rem;
+        border: 1px solid black;
+        border-radius: 5px;
+      }
+
+      input[type="text"],
+      input[type="email"],
+      select {
+        width: 100%;
+        max-width: 400px;
+        padding: 20px;
+        box-sizing: border-box;
+      }
+
+      button {
+        background-color: blue;
+        color: white;
+        padding: 10px 20px;
+        border: none;
+        border-radius: 8px;
+        font-size: 1.5rem;
+        cursor: pointer;
+      }
+    </style>
   </head>
   <body>
     <header>
@@ -113,38 +146,6 @@ <h1>Product Pick - T-Shirt Order Form</h1>
           </select>-->
 
         <button type="submit">Place Your Order</button>
-        <style>
-          form div {
-            margin-bottom: 10px;
-          }
-          #name,
-          #email,
-          #colour {
-            padding: 10px;
-            font-size: 1rem;
-            border: 1px solid black;
-            border-radius: 5px;
-          }
-
-          input[type="text"],
-          input[type="email"],
-          select {
-            width: 100%;
-            max-width: 400px;
-            padding: 20px;
-            box-sizing: border-box;
-          }
-
-          button {
-            background-color: blue;
-            color: white;
-            padding: 10px 20px;
-            border: none;
-            border-radius: 8px;
-            font-size: 1.5rem;
-            cursor: pointer;
-          }
-        </style>
       </form>
     </main>
     <footer>