linkscraper-layout

<nav class="bg-indigo-900">
<div class="py-3 text-white flex items-center md:max-w-3xl lg:max-w-5xl xl:max-w-6xl  md:mx-auto flex-col md:flex-row md:justify-between ">
  <div class="text-xl font-semibold font-mono">BUSINESSES FOR SALE</div>
  <div class="font-mono">
    <span>USD</span>
    <span>AUD</span>
    <span>PHP</span>
  </div>
</div>
</nav>
<main class="font-mono">
  <div class="flex md:flex-wrap md:items-center md:flex-row flex-col bg-indigo-400 md:px-4 lg:px-10 lg:py-4 xl:px-28">
    <div class="xl:w-1/4 md:w-1/2 p-3">
      <div class="shadow-md bg-indigo-200 p-3 rounded-3xl">
        <div>
          <p class="text-center font-semibold md:text-2xl text-4xl">PHILIPPINES</p>
          <p class="text-center md:text-xl text-2xl">FOR SALE: 89809</p>
          <p class="text-center md:text-xl text-2xl">SOLD: 89809</p>
          <p class="text-center md:text-xl text-2xl">WITHDRAWN: 89809</p>
        </div>
      </div>
    </div>
    <div class="xl:w-1/4 md:w-1/2 p-3">
      <div class="bg-indigo-200 opacity-50 p-3 rounded-3xl">
        <div>
          <p class="text-center font-semibold md:text-2xl text-4xl">USA</p>
          <p class="text-center md:text-xl text-2xl">FOR SALE: -paused-</p>
          <p class="text-center md:text-xl text-2xl">SOLD: -paused-</p>
          <p class="text-center md:text-xl text-2xl">WITHDRAWN: -paused-</p>
        </div>
      </div>
    </div>
    <div class="xl:w-1/4 md:w-1/2 p-3">
      <div class="bg-indigo-200 opacity-50 p-3 rounded-3xl">
        <div>
          <p class="text-center font-semibold md:text-2xl text-4xl">AUSTRALIA</p>
          <p class="text-center md:text-xl text-2xl">FOR SALE: -paused-</p>
          <p class="text-center md:text-xl text-2xl">SOLD: -paused-</p>
          <p class="text-center md:text-xl text-2xl">WITHDRAWN: -paused-</p>
        </div>
      </div>
    </div>
    <div class="xl:w-1/4 md:w-1/2 p-3">
      <div class="bg-indigo-200 opacity-50 p-3 rounded-3xl">
        <div>
          <p class="text-center font-semibold md:text-2xl text-4xl">NEW ZEALAND</p>
          <p class="text-center md:text-xl text-2xl">FOR SALE: -paused-</p>
          <p class="text-center md:text-xl text-2xl">SOLD: -paused-</p>
          <p class="text-center md:text-xl text-2xl">WITHDRAWN: -paused-</p>
        </div>
      </div>
    </div>
  </div>
</main>