Can I use the same Angular router-outlet in different templets based on screen size

Question

I\'m trying to make my main page have a mat-sidenav when the screen is on desktop, but use mat-toolbar when it is on tablets and mobile. I have no problem getting this done.