# How do I make a responsive grid?

**URL:** <https://forums.realmacsoftware.com/t/how-do-i-make-a-responsive-grid/54164>\
**Category:** Elements\
**Created:** [February 7, 2026, 5:28am UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-responsive-grid/54164 "2026-02-07T05:28:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mrp](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mrp/32/16052_2.png) [@mrp](https://forums.realmacsoftware.com/u/mrp)\
**Post date:** [February 7, 2026, 5:28am UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-responsive-grid/54164/1 "2026-02-07T05:28:28Z")

</div>

On a desktop I would like a grid that is two columns wide, text elements in one column and an associated custom object in the other column, for an indeterminate number of rows. At some screen width (but most certainly mobile vertical) I would like to change that so that the two elements that were previously side by side are now on top of each other. I’ve fiddled with grids and flexes but I can’t work out how to make this happen. Any ideas? Bonus points for defining the ratios of the columns so that the text is 1/3 of the width and the object gets 2/3 and passing that width to the object.

---

<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:** [February 7, 2026, 8:14am UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-responsive-grid/54164/2 "2026-02-07T08:14:03Z")

</div>

not sure if this is what you re looking for

---

<div class="post-metadata">

**Author:** ![mrp](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mrp/32/16052_2.png) [@mrp](https://forums.realmacsoftware.com/u/mrp)\
**Post date:** [February 7, 2026, 8:53am UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-responsive-grid/54164/3 "2026-02-07T08:53:50Z")

</div>

Thanks Steve that does the trick.

---

<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:** [February 7, 2026, 8:58am UTC](https://forums.realmacsoftware.com/t/how-do-i-make-a-responsive-grid/54164/4 "2026-02-07T08:58:30Z")

</div>

adjust the blue dot and cols to which ever break point