markdown: fix embeds stretching mobile view

rr- · Nov 28, 2024 · 66badac · 66badac
1 parent 7a59270
commit 66badac
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 4 deletions.
diff --git a/frontend/src/components/common/WalkthroughContent/index.module.css b/frontend/src/components/common/WalkthroughContent/index.module.css
@@ -9,6 +9,5 @@
 
 .embedWrapper {
   --video-embed-width: 100%;
-  --video-embed-height: 100%;
   --video-embed-aspect-ratio: 16 / 9;
 }
diff --git a/frontend/src/components/common/WalkthroughsList/WalkthroughsListItem/index.module.css b/frontend/src/components/common/WalkthroughsList/WalkthroughsListItem/index.module.css
@@ -5,7 +5,6 @@
   background: var(--box-content-bg-color);
 
   --video-embed-width: 100%;
-  --video-embed-height: 100%;
   --video-embed-aspect-ratio: 16 / 9;
 }
 

diff --git a/frontend/src/components/common/YoutubeEmbed/index.module.css b/frontend/src/components/common/YoutubeEmbed/index.module.css
@@ -1,6 +1,6 @@
 .embed {
   width: var(--video-embed-width, 640px);
-  height: var(--video-embed-height, 480px);
-  aspect-ratio: var(--video-embed-aspect-ratio);
+  max-width: 100%;
+  aspect-ratio: var(--video-embed-aspect-ratio, 16 / 9);
   border: 0;
 }