From 3aea7fbd426ada211a62e51231504009a025579a Mon Sep 17 00:00:00 2001
From: Mahendra Dani <danimahendra0904@gmail.com>
Date: Fri, 24 Nov 2023 10:00:02 +0530
Subject: [PATCH] fix: user profile page details responsive for mobile screen

---
 .../MemberDetail/MemberDetail.module.css        | 17 +++++++++++++----
 src/screens/MemberDetail/MemberDetail.tsx       |  2 +-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/screens/MemberDetail/MemberDetail.module.css b/src/screens/MemberDetail/MemberDetail.module.css
index 3d2ec749e3..101dcb64e3 100644
--- a/src/screens/MemberDetail/MemberDetail.module.css
+++ b/src/screens/MemberDetail/MemberDetail.module.css
@@ -109,7 +109,10 @@
 
 .justifysp {
   display: flex;
+  flex-direction: row;
   justify-content: space-between;
+  align-items: flex-start;
+  /* gap : 2px; */
 }
 
 .flexclm {
@@ -126,8 +129,7 @@
   .justifysp {
     padding-left: 55px;
     display: flex;
-    justify-content: space-between;
-    width: 100%;
+    justify-content: space-evenly;
   }
 
   .mainpageright {
@@ -355,12 +357,19 @@
 }
 
 .userImage {
-  width: 200px;
-  height: 200px;
+  width: 180px;
+  height: 180px;
   object-fit: cover;
   border-radius: 8px;
 }
 
+@media only screen and (max-width: 1200px) {
+  .userImage {
+    width: 100px;
+    height: 100px;
+  }
+}
+
 .activeBtn {
   width: 100%;
   display: flex;
diff --git a/src/screens/MemberDetail/MemberDetail.tsx b/src/screens/MemberDetail/MemberDetail.tsx
index b243dfae98..22510a62e5 100644
--- a/src/screens/MemberDetail/MemberDetail.tsx
+++ b/src/screens/MemberDetail/MemberDetail.tsx
@@ -136,7 +136,7 @@ const MemberDetail: React.FC<MemberDetailProps> = ({ id }): JSX.Element => {
                   <Col sm={6} lg={8}>
                     {/* User section */}
                     <div>
-                      <h2 className="mt-3 mb-4">
+                      <h2>
                         <strong>
                           {userData?.user?.firstName} {userData?.user?.lastName}
                         </strong>