Update index.html

ngocjohn · Dec 8, 2023 · 7ab3d0a · 7ab3d0a
1 parent c783075
commit 7ab3d0a
Showing 1 changed file with 9 additions and 13 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -50,7 +50,7 @@
       @media only screen and (max-width: 600px) {
         img,
         video {
-          max-width: 100%;
+          max-width: max-content;
           height: auto;
         }
       }
@@ -69,22 +69,18 @@
         word-break: break-word; /* Ensure that words don't overflow table cells */
       }
 
-      /* Adjustments for small screens */
-      @media only screen and (max-width: 600px) {
-        th,
-        td {
-          font-size: 1vw; /* Adjust font size for small screens */
-          white-space: normal;
+      @media screen and (max-width: 1024px) {
+        /* Responsive styles for tables */
+        table {
+          width: 100%;
+          margin-bottom: 20px;
+          overflow-x: auto; /* Add horizontal scroll for table */
         }
-      }
-      /* Adjustments for small screens */
-      @media screen and (min-width: 601px) and (max-width: 1440px) {
         th,
         td {
-          font-size: 1vw; /* Adjust font size for small screens */
-          white-space: normal;
+          font-size: 1em;
+          white-space: nowrap;
         }
-      }
 
       .popup {
         display: none;