fix(style.css): mobile screen style working

Author: devangcx

css/style.css

@@ -92,12 +92,37 @@ main div p {
     padding: 0.65em 1.125em;
 }
 
-@media screen and (max-width: 450px) {
+@media screen and (max-width: 550px) {
+    body {
+        font-size: 0.75rem;
+    }
+
     header {
         height: 20%;
+        flex-direction: column;
+    }
+
+    header input,
+    header form,
+    header button {
+        width: 100%;
+        height: 33%;
+        box-sizing: border-box;
+    }
+
+    .common {
+        padding: 0 1em 0 1em;
+        border-radius: 0;
     }
 
     main {
         height: 80%;
     }
+
+    main div p {
+        padding: 1em 0;
+        box-sizing: border-box;
+        border: 1px solid white;
+    }
+
 }