# Responsive Grid?

**URL:** <https://forums.realmacsoftware.com/t/responsive-grid/47969>\
**Category:** Elements\
**Created:** [June 8, 2025, 2:19pm UTC](https://forums.realmacsoftware.com/t/responsive-grid/47969 "2025-06-08T14:19:25Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![bruce](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bruce/32/23155_2.png) [@bruce](https://forums.realmacsoftware.com/u/bruce)\
**Post date:** [June 8, 2025, 2:19pm UTC](https://forums.realmacsoftware.com/t/responsive-grid/47969/1 "2025-06-08T14:19:25Z")

</div>

In Dev Diary Ep8 @dan shows the grid as being responsive. I’ve tried changing the settings, and setting it’s container as a grid item, but I get 4 columns for every breakpoint. What can I try next?

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [June 8, 2025, 2:44pm UTC](https://forums.realmacsoftware.com/t/responsive-grid/47969/2 "2025-06-08T14:44:57Z")

</div>

Can you show an image of your settings

---

<div class="post-metadata">

**Author:** ![bruce](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bruce/32/23155_2.png) [@bruce](https://forums.realmacsoftware.com/u/bruce)\
**Post date:** [June 8, 2025, 3:15pm UTC](https://forums.realmacsoftware.com/t/responsive-grid/47969/3 "2025-06-08T15:15:56Z")

</div>

Here’s the grid settings:

 ![Screenshot 2025-06-08 at 10.13.55 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/e/4efd36f1fb8bab8afbf4a38fbb288d7ce84a3c16.png)

And here’s the parent container’s setting:

 ![Screenshot 2025-06-08 at 10.15.39 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/5/05fb4a67a80f3a0e91c8b5ae61adb69f1628b2f8.jpeg)

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [June 8, 2025, 3:23pm UTC](https://forums.realmacsoftware.com/t/responsive-grid/47969/4 "2025-06-08T15:23:45Z")

</div>

have you got the grid inside the container and then using the container as a ‘grid item’

if so try it the opposite way

grid outer. container inner as a grid item

not sure if this is your issue but you can

visualise grid, container as grid item

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [June 8, 2025, 3:34pm UTC](https://forums.realmacsoftware.com/t/responsive-grid/47969/5 "2025-06-08T15:34:58Z")

</div>

lots of ways to make responsive you can use containers as grids jus need to know what the layout is

---

<div class="post-metadata">

**Author:** ![bruce](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bruce/32/23155_2.png) [@bruce](https://forums.realmacsoftware.com/u/bruce)\
**Post date:** [June 8, 2025, 3:54pm UTC](https://forums.realmacsoftware.com/t/responsive-grid/47969/6 "2025-06-08T15:54:43Z")

</div>

Thanks @upssjw. I needed to click on the override dot. That seems to get me a lot!

---

<div class="post-metadata">

**Author:** ![numericcitizen](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/numericcitizen/32/26930_2.png) [@numericcitizen](https://forums.realmacsoftware.com/u/numericcitizen)\
**Post date:** [June 9, 2025, 11:02am UTC](https://forums.realmacsoftware.com/t/responsive-grid/47969/7 "2025-06-09T11:02:57Z")

</div>

I have a similar problem and after watching that videos with responsive grid, I was left without any idea how to apply that to my design ([see my project](elementsapp://downloadDocument/3KkviLdNVm4Z)) for the main page where there is a grid with three columns.

I still don’t get it and don’t know what to change.

---

<div class="post-metadata">

**Author:** ![numericcitizen](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/numericcitizen/32/26930_2.png) [@numericcitizen](https://forums.realmacsoftware.com/u/numericcitizen)\
**Post date:** [June 9, 2025, 11:10am UTC](https://forums.realmacsoftware.com/t/responsive-grid/47969/8 "2025-06-09T11:10:27Z")

</div>

Ok, I have found the problem, I just learned how to use overrides at certain breakpoints… starting for mobile and then going up in scale and setting overrides fixes the issue.

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [June 10, 2025, 7:38am UTC](https://forums.realmacsoftware.com/t/responsive-grid/47969/9 "2025-06-10T07:38:06Z")

</div>

glad to hear you figured it out — do let us know if you need more help, we’d be happy to create a project or video to help explain things further 🙂