2526-web/Kelompok02-Memory-Card
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

gameboard-easy edit

Browse Source
This commit is contained in:
Yustina 2025-12-08 09:27:26 +07:00
parent f41f8c6638
commit 2181279ed7
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
gameboard-easy.html
View File

@ -9,7 +9,8 @@
html, body { html, body {
margin: 0; margin: 0;
height: 100%; height: 100%;
overflow: hidden; overflow-x: hidden;
overflow-y: auto;
font-family: "Poppins", sans-serif; font-family: "Poppins", sans-serif;
} }
@ -73,6 +74,7 @@ body {
width: 100%; width: 100%;
height: 100%; height: 100%;
perspective: 1000px; perspective: 1000px;
max-height: 160px;
cursor: pointer; cursor: pointer;
} }
@ -226,18 +228,18 @@ body {
to { opacity:1; transform: scale(1); } to { opacity:1; transform: scale(1); }
} }
@media (max-width: 900px) { @media (max-width: 700px) {
.gameboard { .gameboard {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
padding: 20px; padding: 12px;
gap: 12px; gap: 10px;
} }
} }
@media (max-width: 600px) { @media (max-width: 700px) {
.gameboard { .gameboard {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
padding: 14px; padding: 12px;
gap: 10px; gap: 10px;
} }
} }