From 3fb536b5ef14ba36cbb5bd8955af39e2642c2e13 Mon Sep 17 00:00:00 2001 From: Efrain Morales Date: Wed, 31 Jul 2024 10:42:57 -0400 Subject: [PATCH] fixed card size when resizing screen --- src/components/FeaturedVideo.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/FeaturedVideo.tsx b/src/components/FeaturedVideo.tsx index f07f8bf..8ff0def 100644 --- 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 = {