How center a angularjs material card (md-card) vertically and horizontally? (Angular 1.x)

Question

I\'ve a problem I\'m sure would had a simple solution that I don\'t find. I\'m building a simple login page where I\'ve a angular material card (md-card) and nothing more. Insid

Answer 1

Here you go - CodePen

• Column centered
  • Row centered, flex="50"
    • Card, flex="50"

Markup