Let's define a proper CSS class.

fragglet · Apr 26, 2024 · 7ea7479 · 7ea7479
1 parent 6ddfd5d
commit 7ea7479
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/history2.md b/history2.md
@@ -116,9 +116,8 @@ You can find out more information about BMB and Imaginet in this discussion
 with former BMB employees David L. Clark, Jack Cole and Dave Growden,
 recorded for the game's 40th anniversary:
 
-<div style="max-width: 90%; margin: auto;">
-  <iframe style="width: 100%; aspect-ratio: 16 / 9;"
-          src="https://www.youtube.com/embed/bIoYM_p3HX4?si=T0qB8ZwW6AqlS51W"
+<div class="video-embed">
+  <iframe src="https://www.youtube.com/embed/bIoYM_p3HX4?si=T0qB8ZwW6AqlS51W"
           title="YouTube video player" frameborder="0"
           allow="picture-in-picture; web-share"
           referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>

diff --git a/sopwith.css b/sopwith.css
@@ -48,6 +48,17 @@ img[src*="logos"] {
   width: 64px;
 }
 
+/* For Youtube videos */
+.video-embed {
+  width: 90%;
+  margin: auto;
+}
+
+.video-embed > iframe {
+  width: 100%;
+  aspect-ratio: 16 / 9;
+}
+
 a {
   font-weight:bold;
   color: #0ff;