Merge pull request #125 from herohoro/Fix_video-youtube-block_in_resp…

…on640 🐌 Fix aspect ratio_video-youtube-block
otoyo · Oct 1, 2022 · f71aed5 · f71aed5 · vercel · Oct 1, 2022
2 parents ad49af9 + e59c19f
commit f71aed5
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/styles/notion-block.module.css b/src/styles/notion-block.module.css
@@ -239,9 +239,16 @@
 .tweetEmbed div:first-child div:first-child {
   margin: auto;
 }
-
+.video .youtube {
+  position: relative;
+  width: 100%;
+  height: 0;
+  padding-top: 56.25%;
+}
 .video .youtube :first-child {
+  position: absolute;
   top: 0;
   right: 0;
   width: 100%;
+  height: 100%;
 }