From 8232b13409c5bd9f883c745f9becd9d2cd34837b Mon Sep 17 00:00:00 2001
From: Remko <remkohuisman@hotmail.nl>
Date: Tue, 24 Oct 2023 11:25:54 +0200
Subject: [PATCH] mobile friendly footer

---
 .../templateParts/footer/FooterTemplate.module.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/pwa/src/templates/templateParts/footer/FooterTemplate.module.css b/pwa/src/templates/templateParts/footer/FooterTemplate.module.css
index fac60ce92..5eec94a08 100644
--- a/pwa/src/templates/templateParts/footer/FooterTemplate.module.css
+++ b/pwa/src/templates/templateParts/footer/FooterTemplate.module.css
@@ -56,7 +56,7 @@
 .contentGrid {
   gap: 28px;
   display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
 .dynamicSectionTitle {
@@ -83,3 +83,15 @@
 .iconRight {
   margin-inline-start: var(--web-app-size-2xs);
 }
+
+@media only screen and (min-width: 576px) {
+  .contentGrid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media only screen and (min-width: 992px) {
+  .contentGrid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}