@props(['products'])

<ul class="list-unstyled row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3 mb-3">
    @foreach ($products as $product)
        <li class="col"><x-storefront.product-card :product="$product" /></li>
    @endforeach
</ul>