fix(style): footer doing weird things

1 files changed, 15 insertions, 7 deletions

diff --git a/scss/main.scss b/scss/main.scss
index 09de48a..20147e5 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -9,10 +9,6 @@ $bp-little: 650px;
 
 body {
   --background-image: ;
-  height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   font-size: 18px;
   background: var(--background-image) center fixed no-repeat;
   background-size: cover;
@@ -22,13 +18,23 @@ body {
   }
 }
 
+.center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 95vh;
+  width: 100%;
+  @media only screen and (max-width: $bp-little) {
+    min-height: 100vh;
+    height: auto;
+  }
+}
+
 a {
   color: var(--text-color);
 }
 
 .credits {
-  position: absolute;
-  bottom: 0;
   display: flex;
   gap: 1rem;
   @media only screen and (max-width: $bp-little) {
@@ -37,6 +43,8 @@ a {
     font-size: 14px;
     flex-wrap: wrap;
     flex-direction: column;
+    margin-bottom: 2rem;
+    margin-top: 2rem;
   }
   font-size: 16px;
   & a {
@@ -63,7 +71,7 @@ main {
   @media only screen and (max-width: $bp-little) {
     box-sizing: border-box;
     width: 100%;
-    min-height: 100%;
+    min-height: 100vh;
     border-radius: 0;
   }
 }