From e0260b8d1a7f62d6e527c98aeec78c9181a96639 Mon Sep 17 00:00:00 2001 From: nobohan Date: Fri, 2 Jul 2021 17:56:38 +0200 Subject: [PATCH] modify footer for small screen --- patches/frontend/src/custom/footer/footer.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/patches/frontend/src/custom/footer/footer.css b/patches/frontend/src/custom/footer/footer.css index 1791a4e..11b7b0e 100644 --- a/patches/frontend/src/custom/footer/footer.css +++ b/patches/frontend/src/custom/footer/footer.css @@ -1,4 +1,4 @@ -footer{ +footer { margin-top: 20px; padding: 20px 0px; text-align: center; @@ -10,7 +10,7 @@ footer p, footer div{ max-width: 80%; } -footer div{ +footer div { margin-bottom: 20px; } @@ -26,9 +26,16 @@ footer div a:hover { footer div.logo { display: flex; justify-content: space-evenly; + @media screen and (max-width: 900px) { + flex-direction: column; + } + } footer div.logo img { height: 90px; margin: 3px; + @media screen and (max-width: 900px) { + height: 60px; + } } \ No newline at end of file