colCount: doesn't seem to work

[mitcheal]

When changing colCount from 4 to 2, nothing changes, I was hoping this may be a way to make the game a bit more mobile friendly by reducing the width.

[mitcheal]

Got around this by using CSS, basically had to zero out the position of the squares, floating them left, and giving relative positing (adding !importants) for good measure. THEN applying an nth-child(even) to applying a clear: both on the second column (square). There are other smaller tweaks but below is the basic logic.

Put these in my mobile media query:

.quizy-memorygame { position: relative; width: 315px; margin-left: 4px; height: 655px!important; margin: 0 auto; margin-top: -26px;}

.quizy-mg-item .quizy-mg-item-top { background: url('img/card-default.jpg'); position: absolute!important; left: 0!important; top: 0!important; }

.quizy-mg-item:nth-child(even) { clear: both!important; margin-right: 2px!important; margin-bottom: 2px!important; }

[frenski]

Hi @mitcheal

Thanks for pointing this out!
It's a good point and I believe this update is a must.
I am planning to have a version 2.0 at some point that will fix the issue mobile issue in general and many other ones to make it much more modern than now. But I am currently very busy and don't think it will happen before autumn!