Making images taking a fixed about of space

Mau-MD · Jul 15, 2022 · ace4330 · ace4330
1 parent d257717
commit ace4330
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/frontend/src/components/Dashboard/CourseCard.tsx b/frontend/src/components/Dashboard/CourseCard.tsx
@@ -54,7 +54,15 @@ const CourseCard = ({
             />
           }
         >
-          <Image src={src} cursor="pointer" w={"100%"}></Image>
+          <Box w="100%px" h="200px">
+            <Image
+              src={src}
+              cursor="pointer"
+              w="100%"
+              h="100%"
+              objectFit={"cover"}
+            />
+          </Box>
         </Tooltip>
         <Flex
           padding={4}