product lists #01

<section>
  <div class="relative px-8 py-24 mx-auto md:px-12 lg:px-24 max-w-7xl">
    <div class="relative grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
      <div class="relative flex flex-col justify-between gap-2">
        <div class="relative aspect-[4/3]">
          <img
            src="/store/shoes/airforceblack/3.jpg"
            alt="#_"
            class="absolute inset-0 object-cover size-full rounded-2xl bg-base-50"
          />
        </div>
        <div>
          <div class="flex items-center justify-between w-full">
            <h3 class="text-sm font-medium text-base-900">
              Nike Air Force 1´07 Fresh<a href="#_">
                <span class="absolute inset-0"></span>
              </a>
            </h3>
            <h3 class="text-sm text-base-500">$280.00</h3>
          </div>
        </div>
      </div>
      <div class="relative flex flex-col justify-between gap-2">
        <div class="relative aspect-[4/3]">
          <img
            src="/store/shoes/airforcewhite/2.png"
            alt="#_"
            class="absolute inset-0 object-cover size-full rounded-2xl bg-base-50"
          />
        </div>
        <div>
          <div class="flex items-center justify-between w-full">
            <h3 class="text-sm font-medium text-base-900">
              Nike Air Force 1 LE<a href="#_">
                <span class="absolute inset-0"></span>
              </a>
            </h3>
            <h3 class="text-sm text-base-500">$140.00</h3>
          </div>
        </div>
      </div>
      <div class="relative flex flex-col justify-between gap-2">
        <div class="relative aspect-[4/3]">
          <img
            src="/store/shoes/airmax/3.png"
            alt="#_"
            class="absolute inset-0 object-cover size-full rounded-2xl bg-base-50"
          />
        </div>
        <div>
          <div class="flex items-center justify-between w-full">
            <h3 class="text-sm font-medium text-base-900">
              Nike Air Max 90<a href="#_">
                <span class="absolute inset-0"></span>
              </a>
            </h3>
            <h3 class="text-sm text-base-500">120.00</h3>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>