Resolved Expanding panel with scrollbars when max size

I've been struggling to get this to work correctly and I'm hoping people can help me.

I'm trying to make UI that expands vertically as an internal ScrollView also expands. So I want the ScrollView to keep expanding to a max size as I add children to the Content and as it does, the main parent panel should expand vertically as well up to a max size.

(Please see the attached image).

So, the brown section is the ScrollView that should expand based on its content. The main parent panel (seen in white) has a Title (TextMeshPro) on the top, and another below the ScrollView, and then some Buttons in the HorizontalLayoutGroup below that.

I've tried so many combinations of ContentSizeFitters on various parents and children and Layout Elements and oh so many things and I'm just lost. Any help would be greatly appreciated here.

 

I found an answer to similar question and I've figured this out. For others who need to know how to do this, please check out this detailed document I created.