Added responsive style to form

Author: JordyMu

Form-Controls/styles.css

@@ -88,3 +88,36 @@ button:hover {
 h2 {
   text-align: center;
 }
+/* Responsive styles */
+@media (max-width: 768px) {
+  header,
+  header h1,
+  header p,
+  form {
+    float: none;
+    text-align: center;
+    width: 100%;
+  }
+  input[type="text"],
+  input[type="date"],
+  select {
+    float: none;
+    text-align: center;
+    width: 90%;
+    display: block;
+  }
+  button {
+    float: none;
+    text-align: center;
+    width: 100%;
+    display: center;
+    margin-left: 1px;
+  }
+  #size {
+    float: none;
+    text-align: center;
+  }
+  .label-size {
+    text-align: center;
+  }
+}