Howdy, @newmoonstrategy! Thanks for writing in and great questions…it can be tricky when first starting to work with Rows and Columns and trying to manage complex nested layouts like this. I think I understand what you’re going for here, and took some time to do a rough version of what you’re after, which I’m hoping will illuminate some helpful layout techniques while working through your design.
So for this particular situation to work the way you’re describing, I think you’ll want to go with something like this (take note that I have given each Column a slightly transparent background color in this example just to hopefully make it easier to track what’s going on, but you will obviously need to style your setup accordingly):
In the Outline to the left, you can see something like the following going on:
- Column (groups the headline and nested content)
- Nested Row
- Column (repeat as necessary for how ever many people / positions there are)
So basically, you have your first level Row which will have two Columns. Each of those Columns will group the Headline for that subgroups content, and then after that Headline will come a nested Row Element, which will feature it’s own sub-layout for structuring how the information in that section is laid out. Doing it this way gives us full control over both sets of data and keeps the grouped accordingly so that for our first-level Row, on our Desktop you can have something like this:
And then on a smaller screen, you can have it collapse to a single column layout, but since all your content is grouped in individual Columns, their order will be properly preserved:
Of course, you will also need to manage the internal layout of the nested Row accordingly, but hopefully this helps to give you a sense for how these pieces can start to all fit together. If you want to go a little more advanced, you might find a video I did a while back on creating “auto-responsive layouts” helpful. It’s not completely necessary to do what you’re after, but especially once more complex layouts like this start making their way into designs, it’s nice to have the technique in your back pocket.
Hopefully all this helps to point you in the right direction. Cheers!