How to make component which is generated by router outlet to be full width and height. Angular

<div class="min-h-screen flex flex-col">
<app-header></app-header>
<div class="flex-grow">
<router-outlet></router-outlet>
</div>
<app-footer></app-footer>
</div>


I have such default-layout structure. But when i am visiting for example app-home component, it's height and width is 0. Approach with :host probably is not good because i need to apply this to each component which will be created. Parent div (this one div class="flex-grow") has full width and heigth.



Continue reading...