memory game card dimensions

  1. 7 years ago

    hi, I would like to build a memory game with square cards (1x1 aspect ratio per card). Is this possible?
    Thank you

    Moritz

  2. Edited 7 years ago by Moritz F

    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?

  3. ... any help? I'm stuck here...

  4. Anna S 2

    30 Jan 2017 Administrator

    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

  5. I did not know that. Thank you, Anna.

  6. 8 months ago
    Deleted 3 months ago by Angelo S
  7. 3 months ago
    Deleted 3 months ago by Angelo S
  8. 6 weeks ago
    Deleted 6 weeks ago by Angelo S
 

or Sign Up to reply!