This the snippet for the first card in a row of 5:
<!-- 5-up block test Calcite HTML -->
<!-- EDITED CODE BY JUAN AND LUCIA -->
<!-- All the code added is inside style="" in line 7 and 8 -->
<div class="grid-container" style="grid-template-columns:repeat(5,1fr);"> <!-- grid template is to determine how many cards in each row -->
<div class="column-24" style="display:flex;flex-wrap:wrap;grid-gap:10px;justify-content:center;"> <!-- Justify Content is to align the cards CENTER -->
<!-- 1 - First Card 1/1 -->
<a href="https://link to resource" class="card-link" target="_blank">
<div class="card" style="width: 13rem;">
<div class="card-content">
<img class="card-img-top" src="https://image.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">City Financial Revenues</h5>
<p class="card-text"> </p>
</div>
<div class="card-body">
</div>
</div>
</div>
</a>
Just keep adding card - and keep track of your 5/row using the comments <!-- 1 - First Card 1/1 --> <!-- 2 - Second Card 1/2 --> <!-- 3 - Third Card 1/3 --> .. <!-- 6 - Sixth Card 2/1 --> etc.
Let us know how it goes! Good luck.
Mark