diff --git a/src/reusecore/Layout/Row.js b/src/reusecore/Layout/Row.js
index 4f5bc953fb1c..8cf57549aae0 100644
--- a/src/reusecore/Layout/Row.js
+++ b/src/reusecore/Layout/Row.js
@@ -5,6 +5,11 @@ const RowWrapper = styled.div`
   display: flex;
   margin-left: -15px;
   margin-right: -15px;
+  flex-wrap: wrap;  
+  @media (max-width: 1440px) {
+    flex-wrap: wrap;  
+  }
+
   @media (max-width: 760px) {
     flex-wrap: wrap;
   }
diff --git a/src/sections/Careers/Career-single/CareerSingle.style.js b/src/sections/Careers/Career-single/CareerSingle.style.js
index 29a4a996548c..ed10b8e9baba 100644
--- a/src/sections/Careers/Career-single/CareerSingle.style.js
+++ b/src/sections/Careers/Career-single/CareerSingle.style.js
@@ -13,9 +13,10 @@ const CareerPageWrapper = styled.div`
         border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     }
 
-    @media screen and (max-width: 767px) {
+    @media screen and (max-width: 1200px) {
         .job-header-row {
             flex-direction: column-reverse;
+            align-items: center;
         }
     }
 
@@ -74,7 +75,7 @@ const CareerPageWrapper = styled.div`
         }
     }
 
-    @media screen and (max-width: 767px) {
+    @media screen and (max-width: 1200px) {
         .layer5-logo {
                 margin: 0 auto 1.5rem;
         }
diff --git a/src/sections/Careers/Career-single/index.js b/src/sections/Careers/Career-single/index.js
index 3eb6ad643ad3..78c0ab367f36 100644
--- a/src/sections/Careers/Career-single/index.js
+++ b/src/sections/Careers/Career-single/index.js
@@ -19,8 +19,8 @@ const CareerSingle = ({ data }) => {
       <div className="single-post-wrapper">
         <Container>
           <Row className="job-header-row">
-            <Col $xs={12} $md={7} $xl={8} className="job-details">
-              <Row className="job-details-row">
+            <Col $xs={12} $md={12} $xl={8} className="job-details">
+              <Row>
                 <Col $xs={6} className="job-details-col">
                   <h5> <FaPlay /> Start Date</h5>
                   <p>{frontmatter.start_date}</p>
diff --git a/src/sections/Careers/Careers-Internship-grid/InternshipPage.style.js b/src/sections/Careers/Careers-Internship-grid/InternshipPage.style.js
index 26776273efbf..8847dffeecac 100644
--- a/src/sections/Careers/Careers-Internship-grid/InternshipPage.style.js
+++ b/src/sections/Careers/Careers-Internship-grid/InternshipPage.style.js
@@ -115,7 +115,8 @@ p{
   }
 
   .full_time {
-    .opportunity-card {
+  flex-wrap: wrap;
+      .opportunity-card {
       height: 12rem;
     }
   }
@@ -123,6 +124,19 @@ p{
   @media screen and (max-width: 991px) {
     .opportunity-card {
       height: 12.5rem;
+      width: 16rem;
+    }
+  }
+
+  @media only screen and (max-width: 489px) {
+    .opportunity-card { 
+      width: 100% !important; 
+    }
+  }
+
+  @media screen and (max-width: 700px) {
+    .opportunity-card {
+      width: 23rem;
     }
   }
 
diff --git a/src/sections/Community/Adventures-of-Five/adventures.style.js b/src/sections/Community/Adventures-of-Five/adventures.style.js
index 88a50f319dc6..b230007f8008 100644
--- a/src/sections/Community/Adventures-of-Five/adventures.style.js
+++ b/src/sections/Community/Adventures-of-Five/adventures.style.js
@@ -49,6 +49,7 @@ export const AdventuresWrapper = styled.div`
         margin-top: -36rem;
         margin-left: 20rem;
       }
+        
       display: flex;
     }
 
diff --git a/src/sections/Community/Handbook/mentorships.js b/src/sections/Community/Handbook/mentorships.js
index 9b5db630e9b8..7dec338011b4 100644
--- a/src/sections/Community/Handbook/mentorships.js
+++ b/src/sections/Community/Handbook/mentorships.js
@@ -11,7 +11,6 @@ const ConductWrapper = styled.div`
 
     padding: 0 5rem 3rem 20rem;
     margin-top: -46.5rem; 
-
     @media screen and (min-width: 768px) and (max-height: 1145px) {
        margin-top : -80vh