From 748b0c213e8581a4afbeec19347fc2cdba013da7 Mon Sep 17 00:00:00 2001
From: Lyn Fugmann <lyn.fugmann@ifsr.de>
Date: Wed, 25 Sep 2024 18:27:55 +0200
Subject: [PATCH] make footer responsive

---
 _includes/footer.css | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/_includes/footer.css b/_includes/footer.css
index 7cb0951..912ef50 100644
--- a/_includes/footer.css
+++ b/_includes/footer.css
@@ -7,7 +7,8 @@ footer {
   margin: 0;
   padding: 0;
   display: flex;
-  gap: 1.3em;
+  gap: .5em 1.3em;
+  flex-wrap: wrap;
 }
 
 #footerNav li {
@@ -32,8 +33,10 @@ footer {
   gap: 1em;
 }
 
-.footer-container > :nth-last-child(-n + 2) {
-  text-align: end;
+@media (width >= 1024px) {
+  .footer-container > :nth-last-child(-n + 2) {
+    text-align: end;
+  }
 }
 
 .designCredit {
@@ -63,3 +66,10 @@ footer {
 .languageSwitch a:hover {
   background: #d5dbe4;
 }
+
+@media (width < 1024px) {
+  .footer-container {
+    grid-template-columns: auto;
+    grid-template-rows: repeat(4, auto);
+  }
+}