From a5edf5c9c1e485bbff270caeeb8c3937cfdf8309 Mon Sep 17 00:00:00 2001
From: Sebanti2003 <dasguptasebanti2003@gmail.com>
Date: Sat, 7 Sep 2024 23:32:28 +0530
Subject: [PATCH] fix: responsiveness

---
 src/index.css                  | 9 +++++++++
 src/pages/Coreteam/Coreteam.js | 4 ++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/index.css b/src/index.css
index bcf21eb..1aa974d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -2,4 +2,13 @@
 @tailwind components;
 @tailwind utilities;
 
+.no-scrollbar::-webkit-scrollbar {
+    display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+.no-scrollbar {
+    -ms-overflow-style: none;  /* IE and Edge */
+    scrollbar-width: none;  /* Firefox */
+}
 
diff --git a/src/pages/Coreteam/Coreteam.js b/src/pages/Coreteam/Coreteam.js
index d4255a5..40e0171 100644
--- a/src/pages/Coreteam/Coreteam.js
+++ b/src/pages/Coreteam/Coreteam.js
@@ -70,8 +70,8 @@ function Coreteam() {
         </div>
 
         <div className="flex flex-col justify-center items-center mb-5">
-          <div className="flex w-full flex-wrap justify-center gap-2">
-            {memberList.map((element) => {
+          <div className="flex w-full  md:justify-center px-4 gap-2 overflow-x-auto no-scrollbar">
+            {memberList.reverse().map((element) => {
               return (
                 <button
                   key={element.id}