fix: opportunty card responsiveness

Signed-off-by: upsaurav12 . <[email protected]>
layer5io · Nov 15, 2024 · eb644dc · eb644dc
1 parent 86fe3aa
commit eb644dc
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git 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;
+  
+  @media (max-width: 1440px) {
+    flex-wrap: wrap;  
+  }
+
   @media (max-width: 760px) {
     flex-wrap: wrap;
   }

diff --git a/src/sections/Careers/Careers-Internship-grid/InternshipPage.style.js b/src/sections/Careers/Careers-Internship-grid/InternshipPage.style.js
@@ -123,6 +123,13 @@ p{
   @media screen and (max-width: 991px) {
     .opportunity-card {
       height: 12.5rem;
+      width: 16rem;
+    }
+  }
+
+  @media screen and (max-width: 700px) {
+    .opportunity-card {
+      width: 23rem;
     }
   }