# Defining grid cloumn widths

**URL:** <https://forums.realmacsoftware.com/t/defining-grid-cloumn-widths/55521>\
**Category:** Elements\
**Created:** [April 3, 2026, 5:11pm UTC](https://forums.realmacsoftware.com/t/defining-grid-cloumn-widths/55521 "2026-04-03T17:11:14Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![jwDave](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jwdave/32/31841_2.png) [@jwDave](https://forums.realmacsoftware.com/u/jwDave)\
**Post date:** [April 3, 2026, 5:11pm UTC](https://forums.realmacsoftware.com/t/defining-grid-cloumn-widths/55521/1 "2026-04-03T17:11:14Z")

</div>

How in a grid can you set column 1 to 30% and column 2 to 70%

Thanks

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [April 3, 2026, 7:44pm UTC](https://forums.realmacsoftware.com/t/defining-grid-cloumn-widths/55521/2 "2026-04-03T19:44:43Z")

</div>

Off the top of my head, I would:

Set the grid to 10. Drop in 2 containers as grid items. Set the first to 3 and the second to 7.

---

<div class="post-metadata">

**Author:** ![jwDave](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jwdave/32/31841_2.png) [@jwDave](https://forums.realmacsoftware.com/u/jwDave)\
**Post date:** [April 4, 2026, 12:08pm UTC](https://forums.realmacsoftware.com/t/defining-grid-cloumn-widths/55521/3 "2026-04-04T12:08:20Z")

</div>

that worked, thanks

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [April 11, 2026, 8:59pm UTC](https://forums.realmacsoftware.com/t/defining-grid-cloumn-widths/55521/4 "2026-04-11T20:59:27Z")

</div>

Or you use a flex with to containers and set the containers to 70% and 30% width. If you just use two columns that’d be a much easier approach, especially for maintaining at different breakpoints. Whatever approach fits best for you.

---

<div class="post-metadata">

**Author:** ![jwDave](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jwdave/32/31841_2.png) [@jwDave](https://forums.realmacsoftware.com/u/jwDave)\
**Post date:** [April 12, 2026, 4:37pm UTC](https://forums.realmacsoftware.com/t/defining-grid-cloumn-widths/55521/5 "2026-04-12T16:37:45Z")

</div>

Thanks, but I don’t see how to do this? The Flex Item does not have a control for the 2 containers within it and I cannot see how to adjust the containers themselves?

I would appreciate your help on this.

---

<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:** [April 12, 2026, 4:52pm UTC](https://forums.realmacsoftware.com/t/defining-grid-cloumn-widths/55521/6 "2026-04-12T16:52:59Z")

</div>

@jwDave

---

<div class="post-metadata">

**Author:** ![jwDave](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jwdave/32/31841_2.png) [@jwDave](https://forums.realmacsoftware.com/u/jwDave)\
**Post date:** [April 12, 2026, 5:10pm UTC](https://forums.realmacsoftware.com/t/defining-grid-cloumn-widths/55521/7 "2026-04-12T17:10:04Z")

</div>

Ah! OK Thank you I missed the bit about being able set the “70%”