Fixed CSS for contact form on mobile and added in subject input box

src/css/contact.css

@@ -63,7 +63,7 @@ div#sayHello  #contactForm{
 #contactForm .flName {
     display: flex;
     flex-direction: row;
-    gap: 1em;
+    gap: 1;
 }
 
 #contactForm .formControl {

src/css/main.css

@@ -367,6 +367,7 @@
     #contactForm .flName {
         flex-direction: column;
         gap: 0;
+        width: 100%;
     }
 }
 

src/index.html

@@ -137,6 +137,10 @@
                         <label for="email">Email</label>
                         <input type="email" id="email" name="email">
                     </div>
+                    <div class="formControl">
+                      <label for="subject">Subject</label>
+                      <input type="text" name="subject" id="subject"/>
+                    </div>
                     <div class="formControl">
                         <label for="message">Message</label>
                         <textarea name="message" id="message" cols="30" rows="10"></textarea></div>