Update index.html

index.html

@@ -22,12 +22,17 @@
     box-shadow: 0 4px 20px rgba(0,0,0,0.05);
     overflow-x: auto;
   }
+  .table-container {
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
 
   table {
     width: 100%;
-    border-collapse: separate;
+    /* border-collapse: separate; */
+    border-collapse: collapse;
     border-spacing: 0 10px;
-    table-layout: fixed;
+    /* table-layout: fixed; */
+    table-layout: auto;
     word-wrap: break-word;
   }
 
@@ -37,6 +42,7 @@
     border-bottom: 1px solid #ddd;
     vertical-align: top;
     word-break: break-word;
+    overflow-wrap: break-word;
   }
   /* Fix first column width */
   table td:first-child,
@@ -258,7 +264,7 @@
     <option value="50" selected>50</option>
     <option value="100">100</option>
   </select>
-
+  <div class="table-container">
   <table style="width:100%; border-collapse: separate; border-spacing: 0 10px;">
     <thead>
       <tr>
@@ -304,6 +310,7 @@
       </tr>
     </tbody>
   </table>
+  </div>
 </div>
 
 <!-- Section 2 -->