fxflayout for main teo content divide code example
Example: placing card on center in angular flex layout
mat-card{
width: 350px;
height: 400px;
display: block;
margin-left:auto;
margin-right:auto;
vertical-align:middle;
}