diff --git a/src/reusecore/Layout/Row.js b/src/reusecore/Layout/Row.js index 4f5bc953fb1c..4b52946d27d9 100644 --- a/src/reusecore/Layout/Row.js +++ b/src/reusecore/Layout/Row.js @@ -5,6 +5,12 @@ const RowWrapper = styled.div` display: flex; margin-left: -15px; margin-right: -15px; + flex-wrap: wrap; + + @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 index 26776273efbf..8847dffeecac 100644 --- a/src/sections/Careers/Careers-Internship-grid/InternshipPage.style.js +++ b/src/sections/Careers/Careers-Internship-grid/InternshipPage.style.js @@ -115,7 +115,8 @@ p{ } .full_time { - .opportunity-card { + flex-wrap: wrap; + .opportunity-card { height: 12rem; } } @@ -123,6 +124,19 @@ p{ @media screen and (max-width: 991px) { .opportunity-card { height: 12.5rem; + width: 16rem; + } + } + + @media only screen and (max-width: 489px) { + .opportunity-card { + width: 100% !important; + } + } + + @media screen and (max-width: 700px) { + .opportunity-card { + width: 23rem; } }