Final: Enhance app functionalities (#196)

hoangsonww · Jan 18, 2025 · ff7013b · ff7013b
1 parent a47c426
commit ff7013b
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/MovieVerse-Frontend/html/games.html b/MovieVerse-Frontend/html/games.html
@@ -319,8 +319,25 @@
         display: flex;
         justify-content: center;
         align-items: center;
+        gap: 20px;
         animation: fadeIn 1.5s ease-in-out;
         padding: 20px;
+        flex-wrap: wrap;
+      }
+      #c1 > * {
+        flex: 1 1 45%;
+        max-width: 600px;
+        min-width: 200px;
+        box-sizing: border-box;
+      }
+      @media (max-width: 768px) {
+        #c1 {
+          flex-direction: column;
+        }
+
+        #c1 > * {
+          flex: 1 1 100%;
+        }
       }
     </style>
   </head>
@@ -464,6 +481,11 @@ <h2 style="margin-top: 50px !important">Mini Games</h2>
         <p>How to Play</p>
         <a href="how-to-play.html">Learn More</a>
       </div>
+      <div class="card">
+        <i class="fas fa-trophy"></i>
+        <p>Leaderboards</p>
+        <a href="leaderboards.html">View</a>
+      </div>
     </div>
 
     <div