Fix: Single Profile Section Fix

Signed-off-by: vr-varad <varadgupta21@gmail.com>

Author: vr-varad

src/sections/Community/Member-single/index.js

@@ -57,10 +57,10 @@ const MemberSingle = ({ frontmatter }) => {
             </Col>
             <Col xs={12} sm={12} lg={6}>
               <h1 className="page-heading">Layer5 Community Member</h1>
-            </Col>
+            </Col>Layer5 Community Member
           </Row>
-          <Row>
-            <Col $xs={12} $sm={12} $lg={6}>
+          <Row className="member-details">
+            <Col $xs={12} $sm={12} $lg={6} className="profile-image-col">
               <Image
                 className={
                   status.includes("Inactive")

src/sections/Community/Member-single/memberSingle.style.js

@@ -2,6 +2,21 @@ import styled from "styled-components";
 
 export const MemberSingleWrapper = styled.div`
   margin: 4.5rem 0 3.125rem 0;
+
+  @media screen and (max-width: 1000px) {
+    .page-heading {
+      text-align: center;
+    }
+
+    .profile-image-col {
+      text-align: center;
+    }
+
+    .member-details {
+      flex-wrap: wrap !important;
+    }
+  }
+
   .backBtn {
     font-weight: 600;
     margin-bottom: 1rem;