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.
not sure if this is what you re looking for
1 Like
Thanks Steve that does the trick.
1 Like
adjust the blue dot and cols to which ever break point
1 Like