From 7a84e7b51568e9eea3d5d741518718378ded2613 Mon Sep 17 00:00:00 2001
From: mitra-fs <mitra@firstsource.tech>
Date: Sun, 30 Jan 2022 12:34:28 +0330
Subject: [PATCH] Improve responsive UI for platform carousel on mobile

---
 src/pages/home/_our_platforms.tsx                              | 3 ++-
 src/pages/home/platform-carousel/_mobile-platform-carousel.tsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/home/_our_platforms.tsx b/src/pages/home/_our_platforms.tsx
index c08ceff62de..3eddb5f8c89 100644
--- a/src/pages/home/_our_platforms.tsx
+++ b/src/pages/home/_our_platforms.tsx
@@ -9,7 +9,8 @@ const OurPlatforms = () => {
         <SectionContainer
             background="#f9fbff"
             height="fit-content"
-            tabletL={{ height: 'fit-content', min_height: '663px', pb: 'unset' }}
+            tabletL={{ height: 'fit-content', pb: 'unset' }}
+            padding="8rem 0 0 0"
         >
             <Flex fd="column" tabletL={{ width: '90%' }}>
                 <Flex fd="column" ai="center" jc="center" mb="8rem" tabletL={{ mb: '24px' }}>
diff --git a/src/pages/home/platform-carousel/_mobile-platform-carousel.tsx b/src/pages/home/platform-carousel/_mobile-platform-carousel.tsx
index 03af5afd07a..c63d213387f 100644
--- a/src/pages/home/platform-carousel/_mobile-platform-carousel.tsx
+++ b/src/pages/home/platform-carousel/_mobile-platform-carousel.tsx
@@ -130,7 +130,7 @@ const MobilePlatformCarousel = () => {
                 return (
                     <CarouselItemWrapper key={platform.description}>
                         <Flex tabletL={{ mb: '56px' }}>
-                            <MobileImage data={images[image_key]} alt={image_key} />
+                            <MobileImage data={images[image_key]} alt={image_key} height={'55vw'} />
                         </Flex>
                         <Flex>
                             <PlatformDetails