site: fix blog alignment

1 files changed, 20 insertions, 5 deletions

diff --git a/public/assets/navbar.css b/public/assets/navbar.css
index 1d80e35..42520d2 100644
--- a/public/assets/navbar.css
+++ b/public/assets/navbar.css
@@ -286,11 +286,8 @@
   margin: auto;
 }
 
-/* if #app-main is shorter than the viewport, push the footer to the bottom of the page */
-@media (max-height: 100vh) {
-  .footer-container {
-    position: static;
-  }
+.footer-container {
+  position: static;
 }
 
 .footer {
@@ -308,6 +305,24 @@
   flex-direction: row;
 }
 
+@media (max-width: 480px) {
+  .footer {
+      max-width: 90%;
+  }
+}
+
+@media (max-width: 1300px) and (min-width: 480px) {
+  .footer {
+      max-width: 80%;
+  }
+}
+
+@media (min-width: 1300px) {
+  .footer {
+    max-width: 1280px;
+  }
+}
+
 .footer-begin {
   align-self: left;
   align-items: flex-start;