fix: cards responsive issue on mobile view

Signed-off-by: upsaurav12 . <[email protected]>
layer5io · Nov 18, 2024 · db7adb4 · db7adb4
1 parent 9dcf750
commit db7adb4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/reusecore/Layout/Row.js b/src/reusecore/Layout/Row.js
@@ -5,6 +5,7 @@ const RowWrapper = styled.div`
   display: flex;
   margin-left: -15px;
   margin-right: -15px;
+  flex-wrap: wrap;  
   
   @media (max-width: 1440px) {
     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
@@ -128,6 +128,12 @@ p{
     }
   }
 
+  @media only screen and (max-width: 489px) {
+    .opportunity-card { 
+      width: 100% !important; 
+    }
+  }
+
   @media screen and (max-width: 700px) {
     .opportunity-card {
       width: 23rem;