From 69db0aff7012ebdc5f40ca72906db482419f3cc6 Mon Sep 17 00:00:00 2001 From: "upsaurav12 ." Date: Thu, 18 Jan 2024 02:28:25 +0000 Subject: [PATCH] fix: size of sponsor logo in mobile view --- app/assets/stylesheets/footer.scss | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/app/assets/stylesheets/footer.scss b/app/assets/stylesheets/footer.scss index cd50a7b51b..f24ba16632 100644 --- a/app/assets/stylesheets/footer.scss +++ b/app/assets/stylesheets/footer.scss @@ -119,3 +119,25 @@ content: ''; width: 10px; } + +//breakpoints +@media (max-width: 768px){ + .footer-sponsor-logo{ + width: 77%; + margin-left: 30px; + } + .footer-sponsor-logo-text{ + margin-left: 30px; + } +} + +@media (max-width: 388px){ + .footer-sponsor-logo{ + width: 120%; + margin-left: 20px; + } + .footer-sponsor-logo-text{ + margin-left: 31px; + text-wrap: nowrap; + } +}