Mobile Responsiveness for columns

Hi,

I’ve created a few hovering grids for the page as a “content page” – For the column size, I have made it to “col 4” (and 280px width and height) for desktop and “col 2” (140 px width and height) for mobile.

Desktop works fine – but sometimes it will distort my squares on desktop browsers, but for the responsiveness of the mobile version, it will only come up with 1 column, no matter how small the square size is.

How can I fix it or is there a custom CSS code for it to make sure the minimum number of column is 2?

Cheers.

• This topic was modified 4 years, 10 months ago by cmcnsw.

The page I need help with: [log in to see the link]