From 3f17848256a6f45f38a1f221d9eefb5bbe784f18 Mon Sep 17 00:00:00 2001
From: Zev Averbach <zev@averba.ch>
Date: Mon, 12 Jun 2023 10:53:43 +0200
Subject: [PATCH] more fix

---
 1/baby-makes-an-ugly-website-in-100-seconds.html | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/1/baby-makes-an-ugly-website-in-100-seconds.html b/1/baby-makes-an-ugly-website-in-100-seconds.html
index 6e73ef5..b0e605a 100644
--- a/1/baby-makes-an-ugly-website-in-100-seconds.html
+++ b/1/baby-makes-an-ugly-website-in-100-seconds.html
@@ -19,11 +19,13 @@
     h1 {
       color: #333;
     }
+    .video-container {
+      max-width: 640px;
+      margin: 0 auto;
+    }
     .video-wrapper {
       position: sticky;
       top: 0;
-      max-width: 640px;
-      margin: 0 auto;
       padding-bottom: 56.25%; /* 16:9 aspect ratio */
       height: 0;
       overflow: hidden;
@@ -46,8 +48,10 @@
         document.querySelector('.markdown-content').insertAdjacentHTML("beforeend", result);
       </script>
     </div>
-    <div class="video-wrapper">
-      <iframe src="https://www.youtube.com/embed/QJ38en58Onk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+    <div class="video-container">
+      <div class="video-wrapper">
+        <iframe src="https://www.youtube.com/embed/QJ38en58Onk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+      </div>
     </div>
   </div>
 </body>