<div class="flex flex-wrap -mx-2 overflow-hidden sm:-mx-4">

  <div class="my-2 px-2 w-full overflow-hidden sm:my-4 sm:px-4 sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/3">
    <!-- Column Content -->
  </div>

  <div class="my-2 px-2 w-full overflow-hidden sm:my-4 sm:px-4 sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/3">
    <!-- Column Content -->
  </div>

  <div class="my-2 px-2 w-full overflow-hidden sm:my-4 sm:px-4 sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/3">
    <!-- Column Content -->
  </div>

  <div class="my-2 px-2 w-full overflow-hidden sm:my-4 sm:px-4 sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/3">
    <!-- Column Content -->
  </div>

  <div class="my-2 px-2 w-full overflow-hidden sm:my-4 sm:px-4 sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/3">
    <!-- Column Content -->
  </div>

  <div class="my-2 px-2 w-full overflow-hidden sm:my-4 sm:px-4 sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/3">
    <!-- Column Content -->
  </div>

  <div class="my-2 px-2 w-full overflow-hidden sm:my-4 sm:px-4 sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/3">
    <!-- Column Content -->
  </div>

  <div class="my-2 px-2 w-full overflow-hidden sm:my-4 sm:px-4 sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/3">
    <!-- Column Content -->
  </div>

  <div class="my-2 px-2 w-full overflow-hidden sm:my-4 sm:px-4 sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/3">
    <!-- Column Content -->
  </div>

  <div class="my-2 px-2 w-full overflow-hidden sm:my-4 sm:px-4 sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/3">
    <!-- Column Content -->
  </div>

</div>