working in responsiveness

src/app/home/home-routing.module.ts

@@ -3,7 +3,6 @@ import { Routes, RouterModule } from '@angular/router';
 import { HomeGuard } from '../guards/home.guard';
 import { GroupMessagesPage } from '../pages/chat/group-messages/group-messages.page';
 import { MessagesPage } from '../pages/chat/messages/messages.page';
-import { TestPage } from '../pages/chat/test/test.page';
 import { UserDataResolver } from '../resolvers/userData.resolver';
 
 import { HomePage } from './home.page';
@@ -159,20 +158,21 @@ const routes: Routes = [
             children: [
               {
                 path:'',
-                outlet:'message',
-                loadChildren: ()=> import('../pages/chat/messages/messages.module').then(m => m.MessagesPageModule)
+               /*  outlet:'message', */
+                component: MessagesPage
+                //loadChildren: ()=> import('../pages/chat/messages/messages.module').then(m => m.MessagesPageModule)
               },
             ]
           },
-          /* {
+          {
             path:'messages',
             outlet:'message',
             component: MessagesPage
-          }, */
+          },
           {
-            path:'test',
-            outlet:'test',
-            component: TestPage
+            path:'groups',
+            outlet:'group',
+            component: GroupMessagesPage
           },
 
         ]