From e76b6d7040391e7f36c2df230d0f6c77c153f73e Mon Sep 17 00:00:00 2001
From: Georg Krause <mail@georg-krause.net>
Date: Mon, 25 Sep 2023 14:15:58 +0200
Subject: [PATCH] fix(logos): Make logos columns responsive

Part-of: <https://dev.funkwhale.audio/funkwhale/funkwhale.audio/-/merge_requests/92>
---
 theme/templates/logos.html.j2 | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/theme/templates/logos.html.j2 b/theme/templates/logos.html.j2
index 269b4cb..0e58fbc 100644
--- a/theme/templates/logos.html.j2
+++ b/theme/templates/logos.html.j2
@@ -39,8 +39,34 @@
             justify-content: space-between;
             gap: 100px;
             align-items: center;
+            flex-wrap: wrap;
         }
 
+        section.logos-and-naming .logo-content>p {
+            max-width: 30%;
+        }
+
+        @media screen and (max-width: 960px) {
+            section.logos-and-naming .logo {
+                padding: 0;
+            }
+
+            section.logos-and-naming .logo-content {
+                text-align: center;
+                gap: 20px;
+            }
+
+            section.logos-and-naming .logo-content>img {
+                margin: auto;
+            }
+
+            section.logos-and-naming .logo-content>p {
+                max-width: 100%;
+                width: 100%;
+            }
+        }
+
+
         .dos li,
         .donts li {
             display: block !important;
-- 
GitLab