Card: Product

<div class="rounded-md overflow-hidden border">
    <img class="w-full object-cover object-center aspect-[4/3] shadow-lg" src="https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3374&q=80" />

    <div class="p-mdSpace space-y-smSpace">
        <div>
            <h3>Heading</h3>

            <p>Summary</p>
        </div>

        <div class="flex items-center justify-between">
            <p>$10.00</p>

            <!-- Link element for page cta links -->
            <a href="#" class="btn-primary">Add to cart</a>
        </div>
    </div>
</div>