Почему угловые шаблоны отображаются один над другим на той же странице в мобильном представлении?

Question

Я новичок в Angular, и я написал код для простого входа в рабочий процесс на домашнем экране с использованием Angular 5 и springboot.В настольном представлении это выглядит хорошо.Но когда я переключаюсь в мобильное представление с помощью F12, каждый шаблон складывается в ранее выбранный шаблон.Например, под главным экраном появляется экран входа в систему.

Я уже проверил мои app-route.module.ts и home-route.module.ts, как показано ниже.

app-route.module.ts

export const appRoutes: Routes = [
    {
       path: '',
       loadChildren: './home/home.module#HomeModule'
    },
    {
        path: 'login',
        loadChildren: './login/login.module#LoginModule'
    }
];
export const ROUTING: ModuleWithProviders = RouterModule.forRoot(appRoutes, 
    { useHash: true });

home-route.module.ts

const routes: Routes = [
    {
       path: '',
       component: HomeComponent,
       children: [
       { path: '', redirectTo: 'login', pathMatch: 'full' },
]
    }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class HomeRoutingModule { }

app.component.html

<div>
  <session-timeout-modal></session-timeout-modal>
  <!-- side navbar -->


  <div id="content" class="custom-container-width" [class.hide- 
content]="!isNaviClose" [class.loginView]="!isLoggedInForView">

    <!-- header -->
    <app-header *ngIf="isLoggedInForView"></app-header>

<!--     <sidebar-nav [class.height-content]="isNaviClose" 
  *ngIf="isLoggedInForView" (logout)="logOut()" 
  [isLoggedInForView]="isLoggedInForView"
      (sideBarChange)="naviChecker($event)"></sidebar-nav> -->

   <div class="container container-icons-home "  style="margin-left:100px" 
   *ngIf="isLoggedInForView">
     <div class="row tile-container">


         <div class="tile-art"  routerLink="/">
             <i class="fas fa-search fa-2x"></i>
         </div>  

         <div class="tile-art" routerLink="/">
             <i class="far fa-list-alt fa-2x"></i>
          </div> 

         <div class="tile-art"> 
         <confirm-modal-logout (logout)="logOut()"></confirm-modal-logout>
          </div>

      </div> 
  </div>
    <!-- main contents -->
    <div class="container-fluid inner-content login-container-height">
      <router-outlet></router-outlet>
    </div>
    <app-footer *ngIf="isLoggedInForView"></app-footer>

  </div>
</div>