E-commerce 09

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
  <div class="max-w-screen-lg mx-auto">
    <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">Popular products</h2>
    <p class="text-xl lg:text-2xl text-gray-600 text-center mt-2">Open know age use whom him than lady was.</p>
    <div class="flex justify-between items-center space-x-6 mt-6 lg:mt-8 xl:mt-12">
      <button class="bg-gray-200 w-8 md:w-12 h-8 md:h-12 rounded-full flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 md:w-7">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
        </svg>
      </button>
      <div class="max-w-screen-xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-6 flex-1">
        <a href="#">
          <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="image placeholder" class="mb-4">
          <h3 class="text-base font-semibold text-gray-700">Lawnmower</h3>
          <span class="block mt-2 font-semibold">€89</span>
        </a>
        <a href="#" class="hidden md:block">
          <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="image placeholder" class="mb-4">
          <h3 class="text-base font-semibold text-gray-700">Garden bucket</h3>
          <span class="block mt-2 font-semibold">€34</span>
        </a>
        <a href="#" class="hidden lg:block">
          <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="image placeholder" class="mb-4">
          <h3 class="text-base font-semibold text-gray-700">Race car small</h3>
          <span class="block mt-2 font-semibold">€29</span>
        </a>
      </div>
      <button class="bg-gray-200 w-8 md:w-12 h-8 md:h-12 rounded-full flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 md:w-7">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
        </svg>
      </button>
    </div>
  </div>
</div>