Create a responsive card layout using CSS Grid without media queries.
Usage
<div class=”card-grid”>
<div class=”card”>Card 1</div>
<div class=”card”>Card 2</div>
<div class=”card”>Card 3</div>
</div>
.card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.card {
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
}
