Insert dynamic height Resuable Element between two Group elements

Hi All,
I have a 3 sections in a page.

  1. Top selection have a dropdown that selects the Template name
  2. Bottom section have Save button.
  3. In the middle section, I need to show the selected Template’s details which are reusable elements. The issue is, details element are different height for each template.

Is there a way to re-position the bottom section to place next to the middle section dynamically without gap?

Next to, or below?

Have you tried using ‘Fit height to content’ on the middle group?

Hi @adamhholmes,
Page was not in new responsive engine. I converted the page to new engine and the issue was solved.
Thanks for putting me in right direction.