# Help with this layout please

**URL:** <https://forums.realmacsoftware.com/t/help-with-this-layout-please/49397>\
**Category:** Elements\
**Created:** [August 1, 2025, 6:10pm UTC](https://forums.realmacsoftware.com/t/help-with-this-layout-please/49397 "2025-08-01T18:10:57Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lampfancy](https://avatars.discourse-cdn.com/v4/letter/l/8e8cbc/32.png) [@Lampfancy](https://forums.realmacsoftware.com/u/Lampfancy)\
**Post date:** [August 1, 2025, 6:10pm UTC](https://forums.realmacsoftware.com/t/help-with-this-layout-please/49397/1 "2025-08-01T18:10:57Z")

</div>

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

 ![Screenshot 2025-08-01 at 19.09.01](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/a/5a837a4b096ce3155d72c11db4247cee135ee9c1.jpeg)

This is what I am getting on mobile …

 ![Screenshot 2025-08-01 at 19.09.33](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/8/08ae39e185287639c307707d6067d7d409031117.jpeg)

---

<div class="post-metadata">

**Author:** ![ercross](https://avatars.discourse-cdn.com/v4/letter/e/c57346/32.png) [@ercross](https://forums.realmacsoftware.com/u/ercross)\
**Post date:** [August 1, 2025, 7:04pm UTC](https://forums.realmacsoftware.com/t/help-with-this-layout-please/49397/2 "2025-08-01T19:04:00Z")

</div>

![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/7/57d3bdb2f0ab9a5f1d0889974a281e8770488cc7.jpeg)

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?

---

<div class="post-metadata">

**Author:** ![Lampfancy](https://avatars.discourse-cdn.com/v4/letter/l/8e8cbc/32.png) [@Lampfancy](https://forums.realmacsoftware.com/u/Lampfancy)\
**Post date:** [August 1, 2025, 8:29pm UTC](https://forums.realmacsoftware.com/t/help-with-this-layout-please/49397/3 "2025-08-01T20:29:51Z")

</div>

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.

 ![Screenshot 2025-08-01 at 21.28.25](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/3/9/39d1435802a7f4b2114de18058643adc558e5f2f.jpeg)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [August 1, 2025, 8:39pm UTC](https://forums.realmacsoftware.com/t/help-with-this-layout-please/49397/4 "2025-08-01T20:39:34Z")

</div>

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](https://docs.realmacsoftware.com/elements-docs/elements-cloud/account-sign-up).

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

---

<div class="post-metadata">

**Author:** ![Lampfancy](https://avatars.discourse-cdn.com/v4/letter/l/8e8cbc/32.png) [@Lampfancy](https://forums.realmacsoftware.com/u/Lampfancy)\
**Post date:** [August 1, 2025, 9:53pm UTC](https://forums.realmacsoftware.com/t/help-with-this-layout-please/49397/5 "2025-08-01T21:53:00Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Lampfancy](https://avatars.discourse-cdn.com/v4/letter/l/8e8cbc/32.png) [@Lampfancy](https://forums.realmacsoftware.com/u/Lampfancy)\
**Post date:** [August 1, 2025, 10:42pm UTC](https://forums.realmacsoftware.com/t/help-with-this-layout-please/49397/6 "2025-08-01T22:42:55Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [August 2, 2025, 11:25am UTC](https://forums.realmacsoftware.com/t/help-with-this-layout-please/49397/7 "2025-08-02T11:25:58Z")

</div>

Glad you figured it out 🙂
