Made Navbar Sticky

Author: PrinceSumberia

src/App.js

@@ -1,11 +1,11 @@
 import React, { Component } from "react";
-import CovidApp from "./components/CovidApp";
-import Paper from "./components/Paper";
+import { Route, Switch } from "react-router-dom";
 import "./App.css";
+import CovidApp from "./components/CovidApp";
+import Help from "./components/Help";
 import Navbar from "./components/Navbar";
-import { Switch, Route } from "react-router-dom";
+import Paper from "./components/Paper";
 import StaySafe from "./components/StaySafe";
-import Help from "./components/Help";
 import Symptoms from "./components/Symptoms";
 
 class App extends Component {

src/styles/NavbarStyles.js

@@ -37,6 +37,9 @@ export default {
 
   nav: {
     marginTop: "7rem",
+    position: "-webkit-sticky",
+    position: 'sticky',
+    top: "5rem",
 
     [sizes.down("md")]: {
       marginTop: "2.5rem",