footer is fixed to the bottom of the viewport

Author: hackertainment

Wireframe/style.css

@@ -8,6 +8,7 @@
  :root {
    --grey-dark: #292b2c;
    --grey-light: #e4e4e4;
+   --white: #fff;
  }
 
 body {
@@ -46,6 +47,13 @@ p {
 }
 
 
+/* Main */
+
+.main {
+  margin-bottom: 3rem;
+}
+
+
 /* Session */
 
 .content {
@@ -101,9 +109,13 @@ p {
 /* Footer */
 
 .footer {
+  background-color: var(--white);
   border-top: 2px solid var(--grey-dark);
   text-align: center;
   font-size: 0.85rem;
+  position: fixed;
+  bottom: 0;
+  min-width: 100%;
 }