Forum | Appery.io

I cant seem to get my grid to be responsive to mobile screens, i have 1 big grid which is 4 rows by 1 columns i need this to fit the page, each row has a grid within being 1 row but 2 or3 columns.

i then have an image in each grid cell which i would like to fill 100% width and height,

i then need the maingrid to fit the screen with the images fitting all the same height.

i have this currently on the editor it looking ok here: https://drive.google.com/open?id=0Bxd...

but on the results view its like this: https://drive.google.com/open?id=0Bxd...

please help

Hello Chris,

I will repeat our mail response here:

Unfortunately we don't have a ready example to give you.

Basically, what you can try:

1. Add a Grid on the page.
2. Make this Grid 100% width. (note you can not do grid 100% heigh with CSS, only JS solution).
3. Put tiles inside the Grid cells.
4. Make these tiles 40% width.