Update index.html

-updated form field and add required attributes
-fixed styling by adding flex and updating width on CSS

Author: bodoszidi

Form-Controls/index.html

@@ -8,6 +8,8 @@
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <style>
             body {
+                display: flex;
+                flex-direction: column;
                 align-items: center;
                 padding: 10px;
             }
@@ -16,7 +18,7 @@
                 margin-bottom: 10px;
             }
             input {
-                width: fit-content;
+                width: 100%;
                 padding: 15px;
                 margin-bottom: 10px;
             }
@@ -36,6 +38,7 @@ <h1>Product Pick</h1>
                         id="name"
                         pattern=".*\S.*\S.*"
                         placeholder="Enter Your Name"
+                        required
                     />
                 </div>
                 <div class="email">
@@ -59,6 +62,7 @@ <h1>Product Pick</h1>
                         name="colour"
                         id="green"
                         value="Green"
+                        required
                     />
                 </div>
                 <div class="size">