fix: responsive and alignment issue on career/internship page

src/sections/Careers/Careers-Internship-grid/InternshipPage.style.js

@@ -23,6 +23,12 @@ p{
       font-weight: 400;
     }
   }
+
+  .oppurtunities_row {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
   .oppurtunities > div {
     margin: 3rem 0;
   }
@@ -43,6 +49,11 @@ p{
     }
   }
 
+  @media only screen and (max-width: 450px) {
+    .opportunity-card { 
+      width: 100% !important; 
+    }
+  }
   .opportunity-card {
     width: 21rem;
     height: 15rem;

src/sections/Careers/Careers-Programs-grid/ProgramGrid.style.js

@@ -79,4 +79,10 @@ export const ProgramsPageWrapper = styled.div`
             flex: 0 0 100%;
         }
     }
+
+    @media only screen and (max-width: 450px) {
+        .sub-section_program {
+            width: 15rem;
+        }
+    }
 `;

src/sections/Company/Brand/brandPage.style.js

@@ -155,6 +155,11 @@ const BrandPageWrapper = styled.section`
 		text-align: end;
 		margin: 0 0 1rem 0;
 	}
+
+	.color-code-wrapper{
+		display:flex;
+		flex-wrap: wrap;
+	}
 	.ImgDiv, .color-code-wrapper {
 		width: 100%;
 		margin: auto;