I would like to have a responsive design for my angular application using angular material. My page should have 3 columns on desktop that should be grouped into 3 tabs when on mobile. I was able to do this but had to duplicate the components and @if them out depending on the available width. This leads to extra maintenance and possible issues, like updating the desktop instance and forgetting to do the same for the mobile. Is there a way to achieve this without too much code duplication? Continue reading...