hi, I would like to build a memory game with square cards (1x1 aspect ratio per card). Is this possible?
Thank you
Moritz
hi, I would like to build a memory game with square cards (1x1 aspect ratio per card). Is this possible?
Thank you
Moritz
ok, so I played wit it a bit and added the following code to the CSS Styles panel under Project settings:
.SCWMemoryGame .card-inner {
height: 150px !important;
width: 150px !important;
}
/* This defines the card grid cell */
.SCWMemoryGame .card {
height: 170px !important; /* this have to be .card-inner->height + .card-inner->padding */
width: 170px !important; /* this have to be .card-inner->width + .card-inner->padding */
}
The card is square now, but the image inside is not; and it gets distorted (squeezed).
Also, when I inspect the element in Preview mode, it still shows the old values for height and width.
Is there a way I can directly edit the style.css file inside the .pubcoder project file?
... any help? I'm stuck here...
Hi Moritz,
You can do this by changing the back image from the properties of the memory game, by inserting a square image.
It's that image that controls the proportions of the game.
Best,
Anna
I did not know that. Thank you, Anna.