product lists #01

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