How can I position the button at the bottom-center of the mat-grid-tile in my HTML file?
Here is the code snippet from the .html file:
<mat-grid-list cols="1" rowHeight="400">
<mat-grid-tile class="example-grid" >
<div class="button">
<button mat-button (click)="getQuestions()" routerLink="questions/getAllQuestions" routerLinkActive="active"><strong>Show!</strong> </button>
</div>
</mat-grid-tile>
<mat-grid-tile>...</mat-grid-tile>
</mat-grid-list>
And here is how the button is styled in the .css file:
.button{
display: table-cell;
width: 700px;
color: rgb(0, 0, 0);
}