Publish 2025-10-16

Author: alexanderby

safari/index.html

@@ -59,6 +59,10 @@
         a {
             color: #68aed7;
         }
+
+        iframe {
+            max-width: 100%;
+        }
     </style>
 </head>
 
@@ -85,7 +89,7 @@
     <h1>Dark mode for Safari</h1>
 
     <p>
-        <img src="../images/safari/safari-mode.png" style="max-width: 32rem;" loading="lazy" alt="Dark Reader — Dark Mode for Safari preview" />
+        <img src="../images/safari/safari-mode.png" style="max-width: min(100%, 32rem);" loading="lazy" alt="Dark Reader — Dark Mode for Safari preview" />
     </p>
 
     <p>
@@ -113,7 +117,7 @@ <h2>
         </a>
         <img src="../images/qr-code.png" style="margin-left: 1rem; max-width: 4rem;" loading="lazy" alt="Dark Reader for Safari QR code" />
     </p>
-    <iframe width="560" height="315" src="https://www.youtube.com/embed/9nQjBBe8K44?rel=0" frameborder="0" allow="autoplay;"
+    <iframe width="400" height="315" src="https://www.youtube.com/embed/9nQjBBe8K44?rel=0" frameborder="0" allow="autoplay;"
         allowfullscreen></iframe>
     <p>