Fixes Footer Location

src/app/app.component.css

@@ -0,0 +1,3 @@
+.app-body {
+    min-height: 74vh;
+}

src/app/app.component.html

@@ -1,5 +1,7 @@
 <app-header></app-header>
 
-<router-outlet></router-outlet>
+<div class="app-body">
+    <router-outlet></router-outlet>
+</div>
 
 <app-footer></app-footer>

src/app/footer/footer.component.css

@@ -1,5 +1,9 @@
+footer {
+    max-height: 100px;
+    margin-top: auto;
+}
+
 .page-footer {
-    position: absolute;
     bottom: 0;
     width: 100%;
 }