Merge pull request #6188 from Tharanishwaran/fix-ui-align-fulltime-positions-cards

leecalcote · web-flow · commit ca98094b4758 · 2025-01-16T16:46:29.000-06:00
Fix Card Layout Issue on layer5.io/careers Page
diff --git a/src/sections/Careers/Careers-Internship-grid/InternshipPage.style.js b/src/sections/Careers/Careers-Internship-grid/InternshipPage.style.js
@@ -28,9 +28,10 @@ p{
   }
 
   .opportunity-col {
-    flex: 0 0 25%;
+    flex: 0 0 33.333333%;
     max-width: 100%;
     margin: 1rem 0;
+    padding: 0 1rem;
   }
   @media only screen and (max-width: 1200px) {
     .opportunity-col {
@@ -116,7 +117,7 @@ p{
 
   .full_time {
     .opportunity-card {
-      height: 12rem;
+      height: 15rem;
     }
   }
 
@@ -179,7 +180,10 @@ p{
   }
 
   .oppurtunities_row {
+    display: flex;
+    flex-wrap: wrap;
     justify-content: space-evenly;
+    margin: 0 -1rem;
   }
 `;
 

Original file line number	Diff line number	Diff line change
`@@ -28,9 +28,10 @@ p{`
`28`	`28`	`}`
`29`	`29`
`30`	`30`	`.opportunity-col {`
`31`		`- flex: 0 0 25%;`
	`31`	`+ flex: 0 0 33.333333%;`
`32`	`32`	`max-width: 100%;`
`33`	`33`	`margin: 1rem 0;`
	`34`	`+ padding: 0 1rem;`
`34`	`35`	`}`
`35`	`36`	`@media only screen and (max-width: 1200px) {`
`36`	`37`	`.opportunity-col {`
`@@ -116,7 +117,7 @@ p{`
`116`	`117`
`117`	`118`	`.full_time {`
`118`	`119`	`.opportunity-card {`
`119`		`- height: 12rem;`
	`120`	`+ height: 15rem;`
`120`	`121`	`}`
`121`	`122`	`}`
`122`	`123`
`@@ -179,7 +180,10 @@ p{`
`179`	`180`	`}`
`180`	`181`
`181`	`182`	`.oppurtunities_row {`
	`183`	`+ display: flex;`
	`184`	`+ flex-wrap: wrap;`
`182`	`185`	`justify-content: space-evenly;`
	`186`	`+ margin: 0 -1rem;`
`183`	`187`	`}`
`184`	`188`	`;
`185`	`189`