fix: responsiveness

Phoenix-NSEC · Sep 7, 2024 · a5edf5c · a5edf5c
1 parent 7b3df34
commit a5edf5c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git 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
@@ -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}