From 76e5a86c7ba514a1d5af97a69946a7272d844593 Mon Sep 17 00:00:00 2001
From: Stanisław Zagórowski <hasohasacz@gmail.com>
Date: Wed, 17 Jan 2024 21:39:33 +0100
Subject: site: fix blog alignment

---
 public/assets/navbar.css | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

(limited to 'public/assets/navbar.css')

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;
-- 
cgit v1.3.1