Create a Responsive Toolbar using Angular Material

Question

I have created a toolbar using Angular Material. However, it is not responsive. How can I make the toolbar responsive?

Code for toolbar:

Answer 1

My crude implementation attempt with flex-layout and angular-material 5.0.2

.mat-sidenav-container {
  background: rgba(0, 0, 0, 0.08);
}

.blank-grow {
  flex: 1 1 auto;
}

  
    
      
        home
        home
      

      
        backup
        Backup
      
    
  
  
    
      menu
    
     Big Header
    
    

      
        home
        home
      

      
        backup
        Backup