Now streaming live

Responsive design query


#1

Hello,

Here is the link to my site: https://preview.webflow.com/preview/conor-maurices?preview=19e0e44e0db755bb4a6dc40808d9dd7a

My issue, if you scroll down to the grid with 3x3 images is that they won’t stack correctly on mobile and tablet devices. If you put the window into that mode you can see this.

It appears that the each column gets much wider than the actual image on mobile. Is there a way to fix this? I just want them to align in the center and stack on top of each other for smaller screen sizes.

Please see image for what I’m talking about.

Thanks for any help given!


#2

Hi, i am not sure, but i think you have to put your mobile view “Thumbnail Block” not on 320 pixels high and Wide but on auto.
After that you could give a margin outside to make a grey space on it.


#3

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.