From c29e6ef16f766d9f9f7f548207fa63452e463c1e Mon Sep 17 00:00:00 2001
From: ZeKap <kapismath@gmail.com>
Date: Wed, 21 Feb 2024 16:02:23 +0100
Subject: [PATCH] feat: footer at bottom thanks to main

---
 assets/styles/app.css    | 21 ++++++++++++++++++++-
 templates/base.html.twig |  3 ++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/assets/styles/app.css b/assets/styles/app.css
index 8f7203a..308e734 100644
--- a/assets/styles/app.css
+++ b/assets/styles/app.css
@@ -16,6 +16,11 @@ a {
     }
 }
 
+/*Main content (between header and footer)*/
+body > main {
+    min-height: calc(100vh - ((3.2rem + 2*0.75rem) + 6rem) + 1px);
+}
+
 header {
     display: flex;
     flex-direction: row;
@@ -26,6 +31,7 @@ header {
     
     background-color: var(--background);
     color: var(--accent);
+    height: 2rem;
 }
 
 header > form {
@@ -33,7 +39,7 @@ header > form {
     flex-direction: row;
     align-items: center;
     gap: 8px;
-    padding: 4px 8px;
+    padding: 2px 8px;
     border: solid 2px var(--accent);
     border-radius: var(--radius);
     
@@ -53,4 +59,17 @@ header > form {
     & input[type=submit]{
         display: none;
     }
+}
+
+footer {
+    display: flex;
+    flex-direction: row;
+    width: 100vw;
+    height: 6rem;
+    justify-content: center;
+    align-items: center;
+    background: hsl(200, 5%, 85%);
+    &>p{
+        font-size: large;
+    }
 }
\ No newline at end of file
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 59a2d37..ea07256 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -28,8 +28,9 @@
     </header>
     {% endblock %}
 
-
+    <main>
     {% block body %}{% endblock %}
+    </main>
     
     
     {% block footer %}