<script src="https://cdn.tailwindcss.com"></script>
<div class="p-6 mx-auto max-w-5xl sm:p-9 md:p-16 bg-white">
<div class="grid md:grid-rows-2 md:grid-cols-2 grid-flow-row md:grid-flow-col gap-4">
  <div>
            <h2 class="mb-4 font-bold tracking-widest text-sm2 text-gray-500 uppercase">Lorem ipsum dolor sit.</h2>
            <div class="mb-4">
                <p class="mt-2 text-md text-gray-700 leading-normal bg-[#f0f0f0]">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Explicabo, sit alias perspiciatis maiores vel in provident possimus voluptates placeat, cum vero et adipisci. Illum unde ea officia molestias repellat culpa dolorem? Architecto amet veritatis sit eos voluptates ducimus adipisci odio dignissimos rerum magni consectetur commodi, alias deleniti fugit magnam hic laudantium earum pariatur facere neque. Dicta dignissimos tempore neque vitae quos, aperiam cupiditate unde fugit est, consequatur magni. Quam eius corrupti, nobis facere nulla magnam suscipit odio cupiditate explicabo nihil.</p>
            </div>
        </div>
  <div>
            <h2 class="mb-4 font-bold tracking-widest text-sm2 text-gray-500 uppercase">Lorem ipsum dolor sit.</h2>
            <div class="mb-4">
                <p class="mt-2 text-md text-gray-700 leading-normal bg-[#f0f0f0]">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Explicabo, sit alias perspiciatis maiores vel in provident possimus voluptates placeat, cum vero et adipisci. Illum unde ea officia molestias repellat culpa dolorem? Architecto amet veritatis sit eos voluptates ducimus adipisci odio dignissimos rerum magni consectetur commodi, alias deleniti fugit magnam hic laudantium earum pariatur facere neque. Dicta dignissimos tempore neque vitae quos, aperiam cupiditate unde fugit est, consequatur magni. Quam eius corrupti, nobis facere nulla magnam suscipit odio cupiditate explicabo nihil.</p>
            </div>
        </div>
  <div>
            <h2 class="mb-4 font-bold tracking-widest text-sm2 text-gray-500 uppercase">Lorem ipsum dolor sit.</h2>
            <div class="mb-4">
                <p class="mt-2 text-md text-gray-700 leading-normal bg-[#f0f0f0]">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Explicabo, sit alias perspiciatis maiores vel in provident possimus voluptates placeat, cum vero et adipisci. Illum unde ea officia molestias repellat culpa dolorem? Architecto amet veritatis sit eos voluptates ducimus adipisci odio dignissimos rerum magni consectetur commodi, alias deleniti fugit magnam hic laudantium earum pariatur facere neque. Dicta dignissimos tempore neque vitae quos, aperiam cupiditate unde fugit est, consequatur magni. Quam eius corrupti, nobis facere nulla magnam suscipit odio cupiditate explicabo nihil. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, dolor laboriosam, vitae maiores delectus numquam laborum consequuntur sit iste rem quia sunt molestias harum asperiores doloremque dolores cum. Corporis, aspernatur? </p>
            </div>
        </div>
  <div>
            <h2 class="mb-4 font-bold tracking-widest text-sm2 text-gray-500 uppercase">Lorem ipsum dolor sit.</h2>
            <div class="mb-4">
                <p class="mt-2 text-md text-gray-700 leading-normal bg-[#f0f0f0]">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Explicabo, sit alias perspiciatis maiores vel in provident possimus voluptates placeat, cum vero et adipisci. Illum unde ea officia molestias repellat culpa dolorem? Architecto amet veritatis sit eos voluptates ducimus adipisci odio dignissimos rerum magni consectetur commodi, alias deleniti fugit magnam hic laudantium earum pariatur facere neque. Dicta dignissimos tempore neque vitae quos, aperiam cupiditate unde fugit est, consequatur magni. Quam eius corrupti, nobis facere nulla magnam suscipit odio cupiditate explicabo nihil.</p>
            </div>
        </div>
</div>
</div>