Container box

<div class="flex justify-center h-full py-10">
  <!-- Replace "max-w-xl" with other values for different sizes. -->
  <!-- Example: "max-w-gl", "max-w-2xl", "max-w-3xl", "max-w-4xl". Or remove it to have a "full" width-->
  <div class="max-w-xl w-full md:mt-24 mx-2">
    <div class="bg-white md:shadow-md mb-4 border md:border-0">
      <div class="bg-gray-100 px-4 py-4 text-center border-t-4 border-indigo-500 md:rounded-t">
        <h1 class="font-semibold">
          Title of the page
        </h1>
      </div>

      <div class="pt-6 px-4 md:px-8 pb-8 border-t">
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt semper mauris et feugiat. Morbi ornare eleifend tellus, semper tincidunt augue tincidunt et.
        </p>
        <br />

        <p>
          Suspendisse quis felis efficitur, lacinia tellus nec, vehicula tortor. Duis vitae volutpat nunc, quis sagittis arcu. Duis vitae rutrum justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Cras tellus dui, lobortis ut lectus feugiat, condimentum ornare nisl. Integer id tincidunt sapien, sed suscipit ex.
        </p>
        <br />

        <p>
          Vestibulum accumsan lacinia sapien, non pretium arcu porttitor quis. Proin ut felis sed ligula ultrices sodales. Morbi faucibus dictum lacus, ut egestas nunc consequat quis.
        </p>
      </div>
    </div>
  </div>
</div>