fixed card size when resizing screen

hicsail · Jul 31, 2024 · 3fb536b · 3fb536b
1 parent 7f4931a
commit 3fb536b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/FeaturedVideo.tsx b/src/components/FeaturedVideo.tsx
@@ -91,13 +91,17 @@ function FeaturedVideo({
   const cardStyle: React.CSSProperties = {
     display: "flex",
     flexDirection: "column",
-    width: "30%",
+    alignItems: "center",
+    justifyContent: "center",
+    minWidth: "350px",
+    maxWidth: "350px",
     margin: "auto",
   };
 
   const iframeContainerStyler: React.CSSProperties = {
     position: "relative",
     width: "100%",
+    height: "200px",
   };
 
   const videoFrameStyle: React.CSSProperties = {