title: Center mat-cards on the window
body: <p>I've seen a post on stack overflow kind of answering my question (<a href="https://stackoverflow.com/questions/52800054/how-to-center-mat-card-in-angular-materials">How to center mat-card in angular materials?</a>)
  but the result is really not perfect (see image). 
  <a href="https://i.stack.imgur.com/qk9BE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qk9BE.png" alt="enter image description here"></a></p>
  
  <p>As you can see, the cards get squished, and they're on the same line. No matter the scss I add to the cards, it doesn't affect them. I'd like them to be much bigger, and one on top of the other.
  I find it incredible that scss options are not simpler to move your elements where you want...</p>