footer

Author: lucassabreu

src/App.css

@@ -1,3 +1,9 @@
+.CWSPApp {
+    position: relative;
+    min-height: 100%;
+    padding-bottom: 12rem;
+}
+
 .CWSPApp header {
     font-family: Oswald, Roboto, sans-serif;
     font-size: 120%;

src/Footer.css

@@ -1,8 +1,11 @@
 #footer {
     background: #1d1d1b;
     color: var(--white);
-    margin-top: 1rem;
     padding: 2rem 0;
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
 }
 
 #footer .text {

src/index.css

@@ -1,11 +1,23 @@
+html,
+body,
+#root {
+    height: 100%;
+    box-sizing: border-box;
+}
+
 body {
     margin: 0;
     padding: 0;
-    /* font-family: "Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif"; */
     --primary: #f1a10a;
     --white: #fff;
 }
 
+*,
+*:before,
+*:after {
+    box-sizing: inherit;
+}
+
 .pull-right {
     float: right!important;
 }