card component can be a html section code example
Example 1: boostrap card
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="card-link">Card link</a>
<a href="#" class="card-link">Another link</a>
</div>
</div>
Example 2: .card class
<style>
.card {
border: 1px solid #ccc;
background-color: #f4f4f4;
padding: 20px;
margin-bottom: 10px;
}
</style>