Looking for a solution to display generated cards in rows with a fixed height and width. The current code I have only displays all the cards on a single row, making each card too thin:
<div class="container">
<div class="card-deck">
@foreach (var item in Model)
{
<div class="card shadow">
<div class="card-title pl-4 pr-4 pt-3">
<h4><a class="stretched-link deco-none font-weight-bold" asp-controller="Home" asp-action="TrainingDetails" asp-route-id="@item.TrainingId">@Html.DisplayFor(modelItem => item.Title)</a></h4>
</div>
<div class="card-body overflow pl-4 pr-4 pb-2">
<div class="font-weight-bold text-secondary">
@Convert.ToDateTime(item.DateCreated).ToString("MM/dd/yy")
</div>
@Html.DisplayFor(modelItem => item.Description)
</div>
<div class="card-footer">
<div class="text-center text-muted training-footer">
@Html.DisplayFor(modelItem => item.Topic.Topic)
</div>
</div>
</div>
}
</div>
</div>
If you have any tips or solutions on how to split these cards into multiple rows with fixed sizes, please share them! Thank you!