From 9780f0fd5247d4912ec7289b8c655e93bdfb6f4c Mon Sep 17 00:00:00 2001
From: Osama Sayegh <asooomaasoooma90@gmail.com>
Date: Tue, 3 Sep 2024 02:36:28 +0300
Subject: [PATCH] UX: Adjustments for the about page banner image (#28692)

Meta topic: https://meta.discourse.org/t/new-about-banner-cut-off-on-mobile/324354?u=osama
---
 app/assets/stylesheets/common/base/about.scss | 7 ++++++-
 app/assets/stylesheets/common/base/faqs.scss  | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/common/base/about.scss b/app/assets/stylesheets/common/base/about.scss
index e3a015c5e34..0902d704303 100644
--- a/app/assets/stylesheets/common/base/about.scss
+++ b/app/assets/stylesheets/common/base/about.scss
@@ -6,6 +6,10 @@
     max-width: 1100px;
   }
 
+  &__header {
+    max-width: 1100px;
+  }
+
   &__left-side {
     flex: 1 1 650px;
   }
@@ -42,8 +46,9 @@
 
   &__banner {
     margin-bottom: 1em;
-    min-height: 300px;
     max-height: 300px;
+    max-width: 100%;
+    object-fit: contain;
   }
 
   &__activities-item {
diff --git a/app/assets/stylesheets/common/base/faqs.scss b/app/assets/stylesheets/common/base/faqs.scss
index f5f4cd1405a..a43d5c3eb90 100644
--- a/app/assets/stylesheets/common/base/faqs.scss
+++ b/app/assets/stylesheets/common/base/faqs.scss
@@ -7,7 +7,7 @@
     max-width: unset;
     section:not(.admins):not(.moderators):not(.category-moderators):not(
         .about__admins
-      ):not(.about__moderators) {
+      ):not(.about__moderators):not(.about__header) {
       max-width: 700px;
     }
     .about.category-moderators {