fix: adjust banner height for mobile view

urfit-tech · Dec 19, 2024 · 0d01186 · 0d01186
1 parent 4d1fed5
commit 0d01186
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/pages/ProgramPage/Secondary/Banner/PictureBanner.tsx b/src/pages/ProgramPage/Secondary/Banner/PictureBanner.tsx
@@ -6,6 +6,11 @@ const StyledWrapper = styled.div<{ width?: { desktop: string; mobile: string } }
   position: relative;
   overflow: ${props => (props.width ? 'visible' : 'hidden')};
   height: calc(100vw * (9 / 16));
+
+  @media (max-width: ${BREAK_POINT}px) {
+    height: 40vh;
+  }
+
   @media (min-width: ${BREAK_POINT}px) {
     height: ${props => (props.width ? props.width.desktop : 'auto')};
   }