css issues

[chrome falcon]

i want help with why my components are coming on topof each other and why is there white space in my mobile view

[covert pasture]

Please read #how-to-get-help

[chrome falcon]

<router-outlet></router-outlet>

<app-loader *ngIf="loadingService.isLoading"></app-loader>
<div *ngIf="!loadingService.isLoading">
<app-navbar></app-navbar>
<app-home></app-home><br><br>
<app-view></app-view>
<app-service></app-service><br><br><br><br><br><br>
<app-team></app-team>
<app-footer></app-footer>

</div>

[stark granite]

thats not helping your question either

[chrome falcon]

tell me exactly what i can share

https://codepen.io/ahmadnasr/pen/KKpvNGY

this is the template im using for service

[covert pasture]

Read #how-to-get-help , especially the part about providing a minimal reproduction as a stackblitz.