I have built a fairly standard web page layout using FLEX, like: header component, main area component and footer component

With the main area component divided into: Left component, Data area component, and Right component

The 'main area' is set using the Angular 'router-outlet' command.
When I use the 'router-outlet' tag the layout in the main area is messed. If I replace the 'router-outlet' tag with the tags from the main area component everything works fine

Any suggestions for fixing this?