add navbar

Author: Aishwarya Nair

peer-prep/src/App.js

@@ -1,9 +1,11 @@
 import './App.css';
 import { LoginSignUp } from './Components/LoginSignUp/LoginSignUp';
+import { Navbar } from './Components/Navbar/Navbar';
 
 function App() {
   return (
     <div>
+      <Navbar/>
       <LoginSignUp/>
     </div>
   );

peer-prep/src/Components/LoginSignUp/LoginSignUp.css

@@ -2,7 +2,7 @@
     display: flex;
     flex-direction: column;
     margin: auto;
-    margin-top: 100px;
+    margin-top: 80px;
     width: 600px;
     background: #fff;
     padding-bottom: 30px;

peer-prep/src/Components/Navbar/Navbar.css

@@ -0,0 +1,25 @@
+*::before {
+    margin: 0;
+    box-sizing: border-box; 
+}
+
+.nav {
+    display: flex;
+    align-items: center;
+    height: 12vh;
+}
+
+.logo {
+    font-size: 35px;
+    font-weight: 800;
+    margin: 30px;
+}
+
+.nav span {
+    color: #52CC65;
+}
+
+.nav a {
+    color: #000;
+    text-decoration: none;
+}

peer-prep/src/Components/Navbar/Navbar.jsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import './Navbar.css'
+
+export const Navbar = () => {
+  return (
+    <nav className = "nav">
+       <a href = "#" className = "logo"> <span>&lt;Peer/</span> Prep&gt;</a>
+    </nav>
+  )
+}