Style Helo Page

Author: PrinceSumberia

src/components/Help.js

@@ -109,9 +109,8 @@ class Help extends Component {
       return null;
     });
     return (
-      <div>
-        <h1>Help Page</h1>
-        <p>For Help Please Contact</p>
+      <div className={classes.help}>
+        <h1 className={classes.mainHeading}>Help Page</h1>
         <Form handleQuery={this.handleQuery} />
         <div className={classes.container}>{res}</div>
       </div>

src/styles/HelpStyles.js

@@ -1,6 +1,12 @@
 export default {
+  help: {
+    textAlign: "center",
+  },
+  mainHeading: {
+    marginBottom: "2rem",
+  },
   container: {
-    marginTop: "2rem",
+    marginTop: "3rem",
     display: "flex",
     justifyContent: "space-between",
     flexWrap: "wrap",
@@ -28,7 +34,6 @@ export default {
   cardHeading: {
     textTransform: "uppercase",
     display: "inline-block",
-    // marginBottom: ".5rem",
   },
 
   text: {