From 34e3227844ef001a225d81964604c6cd5867118e Mon Sep 17 00:00:00 2001
From: TenzDelek <tibetdelek@gmail.com>
Date: Sat, 16 Nov 2024 21:15:35 +0530
Subject: [PATCH] style: enhance marquee behaviour

Signed-off-by: TenzDelek <tibetdelek@gmail.com>
---
 .../CommunityLogos/styles.module.css          | 31 ++++++++++++-------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/components/CommunityLogos/styles.module.css b/src/components/CommunityLogos/styles.module.css
index fada0521..24942894 100644
--- a/src/components/CommunityLogos/styles.module.css
+++ b/src/components/CommunityLogos/styles.module.css
@@ -1,30 +1,37 @@
 .logo {
+    width: 100%;
     display: flex;
-    align-content: center;
     flex-direction: column;
-}
-
-.logo div {
-    margin: 0 1rem 0 1rem;
-    display: flex;
-    justify-content: center;
     align-items: center;
 }
 
-.ind_logo {
-    display: flex;
-    padding: 0 1rem 0 1rem;
+.section_padding {
+    padding: 2rem 0;
 }
 
 .community_title {
     padding-bottom: 2rem;
     text-align: center;
+    margin-bottom: 2rem;
 }
 
-.section_padding {
-    padding: 4rem 6rem;
+.logo_image {
+    display: flex;
+    align-items: center;
+    gap: 4rem;
+    padding: 0 2rem;
+}
+.ind_logo {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: max-content;
 }
 
+.ind_logo img {
+    height: auto;
+    object-fit: contain;
+}
 @media screen and (max-width: 650px) {
     .section_padding {
         padding: 2rem;