Hey everyone, I know there will be a question about this but I can't seem to find it. I really need some space between the cards in the grid view. Also, having the "Read more" link towards the bottom right would be great. Thanks for any assistance!
<mat-grid-list cols="2" rowHeight="2:1">
<mat-grid-tile >
<div fxLayout="column" fxLayoutAlign="space-around center" fxLayoutGap="20px">
<div class="card mat-elevation-z3" >
<h4 class="blogTitle">Understanding Test Anxiety and Its Symptoms</h4>
<p>
Whether you are a student at any level of education or a professional pursuing continuous learning, feeling nervous or anxious is common when facing exams or new challenges.
</p>
<a href="" style="color:blue">Read More</a>
</div>
</div>
</mat-grid-tile>
<mat-grid-tile >
<div fxLayout="column" fxLayoutAlign="space-around center" fxLayoutGap="20px">
<div class="card mat-elevation-z3" >
<h4 class="blogTitle">Understanding Test Anxiety and Its Symptoms</h4>
<p>
Whether you are a student at any level of education or a professional pursuing continuous learning, feeling nervous or anxious is common when facing exams or new challenges.
</p>
<a href="" style="color:blue">Read More</a>
</div>
</div>
</mat-grid-tile>
</mat-grid-list>