customer name fixed

Author: yonasdesbelegebre

Form-Controls/index.html

@@ -18,7 +18,7 @@ <h1>Product Pick</h1>
         <div>
           <label for="customername">Customer name *: </label>
           <input type="text" id="customername" name="customername" required 
-          pattern="^[\p{Latin}\p{Ll}]$" minlength="2" maxlength="50" 
+          pattern="^[A-Za-zÀ-ÖØ-öø-ÿĀ-ž\s'-]+$" minlength="2" maxlength="50" 
           placeholder="Customer name"/>
         </div>
 

Form-Controls/style.css

@@ -1,13 +1,13 @@
 /* body style */
-    input:valid{
+input:valid{
     border:2px solid yellow;
 }
 input:invalid:not(:placeholder-shown){
     border:2px solid red;
     }
 body {
-  background-color: lightwhite;
-  max-width: 800px;
+    background-color: lightwhite;
+    max-width: 800px;
     display: flex;
     flex-direction: column;
     align-items: center;