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