title: How to toggle Angular Material mat-card to full screen
body: <p>I'm trying to emulate a portal style page using Angular Material, that shows a grid of cards, and each card should be expandable to take up the container (i.e. most of the visible page). All the other cards are covered (not visible) when 1 card is expanded. The cards have state/data, which is mostly contained in the card's component currently.</p>
  
  <p>I'm looking for a good design to support this. My initial thought was that I could use the same component in two places, once as full screen, once as the content of a card, combined with ngIf to show or hide the components. But I think for this to work, I would have to keep the data outside of the components, in services, and I was trying to avoid making this change. Any suggestions appreciated.</p>