Help with this layout please

Hello folks I am wondering if anyone can please help. I have this layout of three photos in a grid with some text under them. I want it to scale to any screen size. Currently when it is viewed in mobile, the individual photos/ cells of the grid, become the width of the page. I really need to make the whole table scale with the text when it is on mobile. So that the three photos are side by side and not under each other.

Any help is kindly appreciated. I am at my wits end with this. Thank you

This is what I am getting on mobile …

Make sure when you are on the smallest preview that the columns are set to 3 and not 1. Did you override the number of columns on any of the larger screen sizes?

1 Like

Thank you Edward for your help, this fixed it but now I am trying to work out how to make the text boxes either small or only as deep as the text inside of them, they are too long. Can you please help. Thank you.

1 Like

Would you be able to upload your project to Elements Cloud? That way, we can take a look a the project and show you how to get the result you’re after!

We’ve got a quick guide on how to sign up and share your project.

Once it’s uploaded, you’ll get a shareable link, just paste that here in the forum :slight_smile:

Sure I will do that but right now I am trying to just make the text boxes adaptive so they aren’t so deep. Can you please help. Thank you.

I managed to figure out the text issue. Thanks for all your help.

1 Like

Glad you figured it out :slight_smile: