I dont like xet...

index.html

@@ -28,13 +28,12 @@
 
     .videos {
       display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+      grid-template-columns: 1fr;
       gap: 24px;
     }
 
     .video-card {
       background: white;
-	  width:100%
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
       border-radius: 8px;
       overflow: hidden;
@@ -52,24 +51,9 @@
     .video-title {
       font-size: 18px;
       font-weight: bold;
-      margin-bottom: 12px;
-    }
-
-    .download-btn {
-      display: inline-block;
-      padding: 10px 16px;
-      background: #222;
-      color: white;
-      text-decoration: none;
-      border-radius: 6px;
-    }
-
-    .download-btn:hover {
-      background: #444;
     }
 
     .render-section {
-      grid-column: 1 / -1;
       margin-top: 10px;
       padding: 20px;
       background: white;
@@ -111,10 +95,6 @@
 
       <div class="video-info">
         <div class="video-title">episode-2</div>
-
-        <a class="download-btn" href="videos/video1.mp4" download>
-          Download
-        </a>
       </div>
     </div>
 
@@ -128,10 +108,6 @@
 
       <div class="video-info">
         <div class="video-title">episode-3</div>
-
-        <a class="download-btn" href="videos/video2.mp4" download>
-          Download
-        </a>
       </div>
     </div>
 
@@ -145,10 +121,6 @@
 
       <div class="video-info">
         <div class="video-title">episode-4</div>
-
-        <a class="download-btn" href="videos/video3.mp4" download>
-          Download
-        </a>
       </div>
     </div>
 
@@ -166,11 +138,11 @@
 
   </div>
 
-</body>
-</html>
+  <script>
+    document.querySelectorAll('video').forEach(video => {
+      video.playbackRate = 2;
+    });
+  </script>
 
-<script>
-  document.querySelectorAll('video').forEach(video => {
-    video.playbackRate = 2;
-  });
-</script>
+</body>
+</html>