change pattern=" " requirements in the name field

Updated input fields for name and radio buttons for color and size to remove unnecessary 'required' attributes.

Author: vmoratti

Form-Controls/index.html

@@ -18,7 +18,7 @@ <h1>Product Pick</h1>
         <legend>Name and Email address</legend>
         <!--Adding <legend> element for accessibility purposes-->
         <label for="name">Name</label>
-        <input type="text" id="name" name="name" minlength="2" pattern="[a-zA-ZÀ-ž]+" required><br><br>
+        <input type="text" id="name" name="name" minlength="2" pattern="(?:.*\S){2,}.*" required><br><br>
         <!--Input field for name, making it required-->
         <label for="email">Email:</label>
         <input type="email" id="email" required><br><!--Input field for email address. Making it required-->
@@ -31,10 +31,10 @@ <h1>Product Pick</h1>
           <input type="radio" name="colour" required>Blue
         </label>
         <label>
-          <input type="radio" name="colour" required>Red
+          <input type="radio" name="colour">Red
         </label>
         <label>
-          <input type="radio" name="colour" required>Green
+          <input type="radio" name="colour">Green
         </label><!--Making radio buttons for Blue, Red and Green and making the require fields-->
       </fieldset><br>
       <fieldset>
@@ -44,19 +44,19 @@ <h1>Product Pick</h1>
           <input type="radio" name="size" required>XS
         </label>
         <label>
-          <input type="radio" name="size" required>S
+          <input type="radio" name="size" >S
         </label>
         <label>
-          <input type="radio" name="size" required>M
+          <input type="radio" name="size">M
         </label>
         <label>
-          <input type="radio" name="size" required>L
+          <input type="radio" name="size">L
         </label>
         <label>
-          <input type="radio" name="size" required>XL
+          <input type="radio" name="size">XL
         </label>
         <label>
-          <input type="radio" name="size" required>XXL
+          <input type="radio" name="size">XXL
         </label>
       </fieldset><br>
       <div>