fix: size of sponsor logo in mobile view

upsaurav12 · Jan 18, 2024 · 69db0af · 69db0af
1 parent 3e3f3fb
commit 69db0af
Showing 1 changed file with 22 additions and 0 deletions.
diff --git 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;
+  }
+}