From b473cf88ea6f77a18572d55c0afe5dd2564b919d Mon Sep 17 00:00:00 2001
From: Jay <159848059+jayacryl@users.noreply.github.com>
Date: Tue, 1 Oct 2024 00:11:50 +0530
Subject: [PATCH] fix(docs-website): corrected minor alignment issues on the
 home page (#11508)

---
 docs-website/src/pages/_components/QuickstartContent/index.js | 2 +-
 .../QuickstartContent/quickstartcontent.module.scss           | 2 +-
 .../src/pages/_components/SocialMedia/socialmedia.module.scss | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs-website/src/pages/_components/QuickstartContent/index.js b/docs-website/src/pages/_components/QuickstartContent/index.js
index b7e97be105fd3..302fe7f5e8382 100644
--- a/docs-website/src/pages/_components/QuickstartContent/index.js
+++ b/docs-website/src/pages/_components/QuickstartContent/index.js
@@ -80,7 +80,7 @@ const QuickstartContent = ({}) => {
                 duration: .75
               }
             }}
-            viewport={{ once: true, amount: .2 }}
+            viewport={{ once: true, amount: .4 }}
           >
             <div className="quickstart__text">
               <div className="quickstart__text__label">{data.heading}</div>
diff --git a/docs-website/src/pages/_components/QuickstartContent/quickstartcontent.module.scss b/docs-website/src/pages/_components/QuickstartContent/quickstartcontent.module.scss
index d845e6aad6cb2..57a3037efda19 100644
--- a/docs-website/src/pages/_components/QuickstartContent/quickstartcontent.module.scss
+++ b/docs-website/src/pages/_components/QuickstartContent/quickstartcontent.module.scss
@@ -81,7 +81,7 @@
 
   :global {
     .quickstart__header {
-      // text-align: center;
+      text-align: center;
       margin-bottom: 100px;
 
       .quickstart__title,
diff --git a/docs-website/src/pages/_components/SocialMedia/socialmedia.module.scss b/docs-website/src/pages/_components/SocialMedia/socialmedia.module.scss
index 15138b7b483d4..c9f6d4917f0d5 100644
--- a/docs-website/src/pages/_components/SocialMedia/socialmedia.module.scss
+++ b/docs-website/src/pages/_components/SocialMedia/socialmedia.module.scss
@@ -162,8 +162,8 @@
 }
   
 .carousalWrapper{
-    width: 50%;
-    min-width: 280px;
+    width: 40%;
+    min-width: 300px;
 }
 
 .carousalWrapper::before,