Stop YouTube embeds overflowing content

See WordPress/gutenberg#57834
WordPress · Jan 15, 2024 · 83844d1 · 83844d1
1 parent dd5f98d
commit 83844d1
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/source/wp-content/themes/wporg-developer-2023/src/style/style.scss b/source/wp-content/themes/wporg-developer-2023/src/style/style.scss
@@ -677,3 +677,18 @@ pre {
 		}
 	}
 }
+
+.embed-youtube {
+	position: relative;
+	max-width: 100%;
+	// Maintain aspect ratio.
+	padding-top: 56.25%;
+
+	.youtube-player {
+		position: absolute;
+		height: 100%;
+		width: 100%;
+		top: 0;
+		left: 0;
+	}
+}