title: how to place Mat-Card Mat-card-action at bottom of card when we are creating cards dynamically
body: <pre><code>&lt;div class="col-xs-6 col-md-4 home-content" *ngFor="let s of abc"&gt;
      &lt;mat-card&gt;
          &lt;mat-card-header&gt;
              &lt;mat-card-title&gt;{{s.header}}&lt;/mat-card-title&gt;
          &lt;/mat-card-header&gt;
          &lt;mat-card-content&gt;
              &lt;p&gt; {{s.Desc}} &lt;/p&gt;
          &lt;/mat-card-content&gt;
          &lt;mat-card-actions&gt;
              &lt;button mat-raised-button type="submit" color="primary"&gt;Submit&lt;/button&gt;
          &lt;/mat-card-actions&gt;
      &lt;/mat-card&gt;
  &lt;/div&gt;
  &lt;div class="col-xs-6 col-md-4 home-content" *ngFor="let s of abc"&gt;
      &lt;mat-card&gt;
          &lt;mat-card-header&gt;
              &lt;mat-card-title&gt;{{s.header}}&lt;/mat-card-title&gt;
          &lt;/mat-card-header&gt;
          &lt;mat-card-content&gt;
              &lt;p&gt; {{s.Desc}} &lt;/p&gt;
          &lt;/mat-card-content&gt;
          &lt;mat-card-actions&gt;
              &lt;button mat-raised-button type="submit" color="primary"&gt;Submit&lt;/button&gt;
          &lt;/mat-card-actions&gt;
      &lt;/mat-card&gt;
  &lt;/div&gt;
  </code></pre>
  
  <hr>