fix footer so it never overlaps other items

RobokopU24 · Aug 9, 2024 · bb54a8a · bb54a8a
1 parent adf5507
commit bb54a8a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/app.css b/src/app.css
@@ -3,11 +3,14 @@ body {
 }
 
 #pageContainer {
-    min-height: 100vh;
+    min-height: 100dvh;
     position: relative;
+    display: flex;
+    flex-direction: column;
 }
 #contentContainer {
     /* padding bottom by footer height */
+    flex: 1;
     padding: 0px 30px 29px 30px;
 }
 

diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css
@@ -1,8 +1,4 @@
 footer {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    height: auto;
     color: #5e5e5e;
     background-color: #f5f7fa;
 }