Two 50% columns with a gap

I’d like to have a two-column layout with each item having 50% width.

I’d also like to use the “Apply gap spacing between elements” feature.
image

The problem is that when I do this, the total width exceeds 100% and the second column drops to the next row. Is the gap spacing feature incompatible with percent widths, or is there a way to do this?

Hey @brenton.strine ,
Yes bubble counts Row gap spacing and Margins against your available room so if you want space in between the two of them you will need to have a percentage less than 50% for both. Try out 45% for both and see how it looks/feels.

For mobile, you can always put a conditional on the inside groups to be minimum width = 100% when current page width <= 768 (or something like that that)

Best,
Alex

set column max width to “50%” and don’t check the field “Wrap to content width”

Ankur@ Nocodetalks
Looking for a Bubble Coach? Check out here