Resize parent ion-content based on child container

I am creating PWA website with Ionic.
For the PWA I am adding child components into one parent ionic page.

To make it scrollable on device and smaller screen I have added ion-content in the child components.
So when I add that component to the parent page it comes with its scroll. So what I currently have is child page scroll with parent page scroll.
I don’t want a scroll of the child components. I want to have a component of full size without child scroll and the child will scroll by the parent page’s scroll only.

So how can I set the child component height as full size so no scrollbar is needed and add it to the parent page so i get all the component in the single parent scroll