carpa-astro/src/components/views/Grid.astro

---
import Card from "../Card.astro";

const { data, type } = Astro.props;
---
<div class="grid gap-3 sm:grid-cols-1 xl:grid-cols-4 lg:grid-cols-3 md:grid-cols-2">
    {
        data.map((item)=>(
            <Card data={item} type={type} />
        ))
    }
</div>