fix: add padding and fix overlap on careers page

M-DEV-1 · M-DEV-1 · commit 3f31e3ce844c · 2025-02-14T09:20:39.000+05:30
Signed-off-by: M-DEV-1 &lt;mahadevankizhakkedathu@gmail.com&gt;
diff --git a/src/sections/Careers/Careers-Programs-grid/ProgramGrid.style.js b/src/sections/Careers/Careers-Programs-grid/ProgramGrid.style.js
@@ -94,7 +94,7 @@ export const ProgramsPageWrapper = styled.div`
         margin-right: -50vw;
     }
     .opensource-section-text{
-        padding-top: 4rem;
+        padding: 4rem 2.5rem 0;
     }
     .opensource-section-text > h1{
         margin-bottom: 1rem;
@@ -108,6 +108,7 @@ export const ProgramsPageWrapper = styled.div`
     }
     .opensource-section-img{
         margin-top: -8rem;
+        margin-bottom: 10rem;
         position: relative;
         top: 10rem;
     }

Original file line number	Diff line number	Diff line change
@@ -94,7 +94,7 @@ export const ProgramsPageWrapper = styled.div`
`94`	`94`	`margin-right: -50vw;`
`95`	`95`	`}`
`96`	`96`	`.opensource-section-text{`
`97`		`- padding-top: 4rem;`
	`97`	`+ padding: 4rem 2.5rem 0;`
`98`	`98`	`}`
`99`	`99`	`.opensource-section-text > h1{`
`100`	`100`	`margin-bottom: 1rem;`
@@ -108,6 +108,7 @@ export const ProgramsPageWrapper = styled.div`
`108`	`108`	`}`
`109`	`109`	`.opensource-section-img{`
`110`	`110`	`margin-top: -8rem;`
	`111`	`+ margin-bottom: 10rem;`
`111`	`112`	`position: relative;`
`112`	`113`	`top: 10rem;`
`113`	`114`	`}`