fixed sizes and dimensions

client/src/App.js

@@ -41,7 +41,7 @@ export const App = () => {
     return (
         <Router>
             <Navbar />
-            <div style={{ minHeight: "88vh" }}>
+            <div style={{ minHeight: "calc(100vh - 120px)" }}>
                 <Switch>
                     <Route exact path="/dashboard" component={Dashboard} />
                     <Route exact path="/credits" component={Credits} />

client/src/components/Footer/index.module.scss

@@ -5,6 +5,7 @@
     text-align: center;
     width: 100%;
     margin: 5px 0;
+    height: 30px;
 }
 .txt {
     color: rgb(100, 100, 100);

client/src/components/Navbar/index.module.scss

@@ -2,8 +2,7 @@
 
 .nav {
     width: 100%;
-    height: 8vh;
-    max-height: 10vh;
+    height: 80px;
     position: relative;
     top: 0;
     left: 0;