Merge pull request #6057 from vrushabhgawas14/text-overflow

Fix overflow by making row to flex-wrap
layer5io · Dec 9, 2024 · b3f304f · b3f304f
2 parents fb3052b + d06507f
commit b3f304f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/sections/Careers/Career-single/CareerSingle.style.js b/src/sections/Careers/Career-single/CareerSingle.style.js
@@ -46,6 +46,10 @@ const CareerPageWrapper = styled.div`
         }
     }
 
+    .job-details-row {
+        flex-wrap: wrap;
+    }
+
     .layer5-logo {
         width: 15rem;
         margin: auto;

diff --git a/src/sections/Careers/Career-single/index.js b/src/sections/Careers/Career-single/index.js
@@ -20,7 +20,7 @@ const CareerSingle = ({ data }) => {
         <Container>
           <Row className="job-header-row">
             <Col $xs={12} $md={7} $xl={8} className="job-details">
-              <Row>
+              <Row className="job-details-row">
                 <Col $xs={6} className="job-details-col">
                   <h5> <FaPlay /> Start Date</h5>
                   <p>{frontmatter.start_date}</p>