Try fixing layout on Android

jasonycw · Nov 17, 2024 · d11a8c5 · d11a8c5
1 parent 8947956
commit d11a8c5
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -31,20 +31,20 @@
         position: relative;
     }
 
-    .bg-video {
+    .title-video {
         width: 100%;
         height: 6em;
         overflow: hidden;
         object-fit: fill;
     }
 
-    .text {
+    .title-text {
         position: absolute;
         margin: 0;
         inset: 0;
         display: grid;
         place-items: start;
-        overflow-wrap: anywhere;
+        overflow: hidden;
         background-color: black;
         color: white;
         font-size: 90px;
@@ -67,12 +67,12 @@
         <tr style="border: none;">
             <th>
                 <div class="title">
-                    <video class="bg-video" autoplay loop>
+                    <video class="title-video" autoplay loop>
                         <source src="./HDR/white/white.webm" type="video/webm" />
                         <source src="./HDR/white/white1.mp4" type="video/mp4" />
                         <source src="./HDR/white/white2.mp4" type="video/mp4" />
                     </video>
-                    <p class="text">Screen test tools</p>
+                    <p class="title-text">Screen test tools</p>
                 </div>
             </th>
         </tr>