css modify

src/components/App.css

@@ -1,6 +1,4 @@
 .container, .container-fluid, .row{
     clear: both;
     /* float: left; */
-    width: 100%;
-
-  }
+  }

src/components/App.js

@@ -1,34 +1,37 @@
 import React from "react";
 import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
 import Home from "./home/Home";
-import './App.css';
+import Header from "./header/Header";
+import "./App.css";
 import Profile from "./profile/Profile";
 import About from "./about/About";
 import AuthMain from "./auth/AuthMain";
 import Review from "./review/Review";
 import NotFound from "./NotFound";
-import Landing from "./Landing/Landing"
-import SearchResult from "./SearchResult/SearchResult"
+import Landing from "./Landing/Landing";
+import SearchResult from "./SearchResult/SearchResult";
 
 function App() {
   return (
-    <div className="App container-fluid">
-      <Router>
-
-        <div className="app_body">
-          <Switch>
-          <Route exact path="/" component={Landing} />
-
-            <Route exact path="/home" component={Home} />
-            <Route path="/review" component={Review} />
-            <Route path="/profile" component={Profile} />
-            <Route path="/about" component={About} />
-            <Route path="/auth" component={AuthMain} />
-            <Route path = "/searchresult" component = {SearchResult}/>
-            <Route component={NotFound} />
-          </Switch>
-        </div>
-      </Router>
+    <div>
+      <Header />
+      <div className="App container-fluid">
+        <Router>
+          <div className="app_body">
+            <Switch>
+              <Route exact path="/" component={Landing} />
+
+              <Route exact path="/home" component={Home} />
+              <Route path="/review" component={Review} />
+              <Route path="/profile" component={Profile} />
+              <Route path="/about" component={About} />
+              <Route path="/auth" component={AuthMain} />
+              <Route path="/searchresult" component={SearchResult} />
+              <Route component={NotFound} />
+            </Switch>
+          </div>
+        </Router>
+      </div>
     </div>
   );
 }

src/components/about/About.js

@@ -4,10 +4,6 @@ import Header from "../header/Header";
 function About() {
   return (
     <div className="about">
-      {/* Navigation Bar Component */}
-      <Header />
-      {/* Navigation Bar Component Ends */}
-
       <h1>About Component</h1>
     </div>
   );

src/components/auth/AuthMain.css

@@ -1,7 +1,7 @@
 .sign-up-main {
-    min-height: 85vh;
+    min-height: 80vh;
 }
 
 .sign-up-content {
-    max-width: 400px;
+    max-width: 380px;
 }

src/components/auth/Signup.js

@@ -2,6 +2,7 @@ import React, { useRef, useState } from "react";
 import { Form, Button, Card, Alert } from "react-bootstrap";
 import { useAuth } from "../../contexts/AuthContext";
 import { Link } from "react-router-dom";
+import "./Signup.css";
 
 export default function Signup() {
   const emailRef = useRef();
@@ -29,7 +30,7 @@ export default function Signup() {
 
   return (
     <>
-      <Card className="shadow p-3 mb-5 bg-white rounded">
+      <Card className="shadow p-3 mb-5 ml-0 mt-0 bg-white rounded card">
         <Card.Body>
           <h2 className="text-center mb-4">Sign Up</h2>
           {error && <Alert variant="danger">{error}</Alert>}

src/components/home/Home.js

@@ -1,23 +1,15 @@
 import React from "react";
 import Header from "../header/Header";
 import Form from "react-bootstrap/Form";
-import { Col, Row } from "reactstrap";
 import "./Home.css";
 import TextField from "@material-ui/core/TextField";
-import Button from "react-bootstrap/Button";
-import background from "../Images/background.jpg"
-import {Link} from "react-router-dom"
+import { Link } from "react-router-dom";
 
 function Home() {
   return (
     <div className="home">
-      {/* Navigation Bar Component */}
-      <Header />
-      {/* Navigation Bar Component Ends */}
-
       <h2 className="topic-2">Plan Your Journey With Us</h2>
       <Form className="Search-Form">
-
         <div className="input-search">
           <input placeholder="From" />
         </div>
@@ -36,13 +28,12 @@ function Home() {
             }}
           />
         </div>
-        <Link to = "/searchresult">
-        <button type="button" class="btn-1 btn-primary">
-          Search
-        </button>
+        <Link to="/searchresult">
+          <button type="button" class="btn-1 btn-primary">
+            Search
+          </button>
         </Link>
       </Form>
-
     </div>
   );
 }

src/components/profile/Profile.js

@@ -7,9 +7,6 @@ import { Card } from "react-bootstrap";
 function Profile() {
   return (
     <div className="profile">
-      {/* Navigation Bar Component */}
-      <Header />
-      {/* Navigation Bar Component End */}
       <div className="heading">
         <h1>Welcome to your Account</h1>
       </div>

src/components/review/Review.js

@@ -5,14 +5,7 @@ import Header from "../header/Header";
 function Review() {
   return (
     <div className="review">
-      {/* Navigation Bar Component */}
-      <Header />
-      {/* Navigation Bar Component Ends */}
-      <div className = "card-wrapper">
-        <div>
-
-        </div>
-      </div>
+      <h1>Review page</h1>
     </div>
   );
 }