version 4, game board and score added

2026-05-15 13:24:20 +03:00
parent 3536ee86de
commit f9069e24ba
3 changed files with 93 additions and 24 deletions
@@ -1,19 +1,52 @@
+h1 {
+    text-align: center;
+}
+
+#score {
+    text-align: center;
+    font-size: 30px;
+}
+
+
 .game-board {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    width: 600px;
+    margin: 20px auto;
+}
+
+.box {
+    width: 200px;
+    height: 250px;
+
+    border: 5px solid black;
+
    display: flex;
    justify-content: center;
-    gap: 20px;
-    flex-wrap: wrap;
+    align-items: center;
+}
+
+.box img {
+    width: 150px;
 }


 .card-img {
    width: 200px;
    height: 200px;
-    overflow: hidden;
 }

 .card-img img {
    width: 100%;
    height: 100%;
-    object-fit: cover;
+    object-fit: contain;
 }
+
+.card-imgs {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    gap: 20px;
+}