fixed footer position in pages:

Author: hitblast

content/blogs/test.md

@@ -10,7 +10,6 @@
     --pico-blockquote-border-color: #7b7b7b;
     --pico-blockquote-footer-color: var(--pico-blockquote-border-color);
     --pico-text-underline-offset: 0.5rem;
-    --pico-spacing: 1.5rem;
     --pico-typography-spacing-vertical: 1.5rem;
     --pico-form-element-spacing-vertical: 1rem;
     --pico-form-element-spacing-horizontal: 1.25rem;
@@ -31,6 +30,8 @@ body {
     line-height: 1.5;
     margin: 0;
     padding: 0;
+    position: relative;
+    min-height: 100vh;
 }
 
 hr {
@@ -71,7 +72,6 @@ article {
 }
 .visible-article:hover {
     --pico-card-background-color: rgb(20, 15, 13);
-    box-shadow: 0 20px 2rem rgba(8, 7, 7, 0.446);
 }
 
 .center {
@@ -91,7 +91,10 @@ article {
 }
 
 .footer {
-    position: fixed;
+    position: absolute;
+    height: 2.5rem;
+    bottom: 0;
+    width: 100%;
 }
 
 @media (min-width: 1025px) {

static/css/styles.css

@@ -55,7 +55,8 @@
         </header>
 
         {% block content %} {% endblock content %}
-        <footer>
+
+        <footer class="footer">
             <div class="container very-faded">
                 <h1 class="center">
                     <i class="fa-solid fa-mug-hot"></i> StrayTech