Ajout vu résultat

faut le modifier, ça appel pas twig

Project/php/css/memory.css

@@ -10,9 +10,10 @@ body {
 
 #memory-game {
     display: grid;
-    grid-template-columns: repeat(7, 1fr);
+    grid-template-columns: repeat(7, minmax(0, 1fr));
-    grid-template-rows: repeat(4, 140px);
+    grid-template-rows: repeat(4, minmax(0, 1fr));
     gap: 10px;
+    margin: auto;
 }
 
 .card {
@@ -26,7 +27,10 @@ body {
     align-items: center;
     font-size: 18px;
     cursor: pointer;
-    transition: background-color 0.3s ease;;
+    transition: background-color 0.3s ease;
+    min-height: 10vh;
+    min-width: 20vh;
+    aspect-ratio: 1/1;
 }
 
 .flipped {

Project/php/js/memory.js

@@ -73,6 +73,8 @@ document.addEventListener('DOMContentLoaded', function () {
     }
 
     function checkGameCompletion(){
-        return;
+        if (document.querySelectorAll('.card.found').length === cards.length) {
+            window.location.href = '../../templates/resultatsJeux.html'; // A MODIFIER POUR UN TWIG RENDER
+        }
     }
 });

Project/php/templates/memory.html

@@ -21,7 +21,5 @@
 </script>
 
 <script src="{{base}}/js/memory.js"></script>
-
-
 </body>
 </html>