<div class="flex flex-col items-center justify-center w-full">
<div class="flex flex-col items-center justify-center w-4/5">
<h2 class="font-bold text-xl">
Todo lo que necesitas para desplegar tu aplicación
</h2>
<p class="text-md">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Totam libero
quidem nostrum obcaecati voluptatem debitis,
</p>
</div>

<section class="px-4 py-8 lg:px-16 lg:py-12">
<div class="max-w-7xl mx-auto flex flex-col items-center">
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-8">
  <!-- Col 1 -->
  <div class="flex flex-row p-4 bg-gray-200 rounded-lg shadow-md">
    <div class="flex w-20 mt-2 text-gray-600">
      <div class="flex items-center rounded-full bg-purple-600 p-4 h-2/5">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          style="fill: rgb(255, 255, 255);transform: ;msFilter:;"
        >
          <path
            d="M12 4C9.243 4 7 6.243 7 9h2c0-1.654 1.346-3 3-3s3 1.346 3 3c0 1.069-.454 1.465-1.481 2.255-.382.294-.813.626-1.226 1.038C10.981 13.604 10.995 14.897 11 15v2h2v-2.009c0-.024.023-.601.707-1.284.32-.32.682-.598 1.031-.867C15.798 12.024 17 11.1 17 9c0-2.757-2.243-5-5-5zm-1 14h2v2h-2z"
          ></path>
        </svg>
      </div>
    </div>
    <div class="flex flex-col w-4/5 mt-2 text-gray-600">
      <h2 class="text-xl font-bold text-gray-800">Característica 1</h2>
      <p class="mt-2 text-gray-600">
        Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      </p>
    </div>
  </div>
  <!-- Col 2 -->
  <div class="flex flex-row p-4 bg-gray-200 rounded-lg shadow-md">
    <div class="flex w-20 mt-2 text-gray-600">
      <div class="flex items-center rounded-full bg-purple-600 p-4 h-2/5">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          style="fill: rgb(255, 255, 255);transform: ;msFilter:;"
        >
          <path
            d="M12 4C9.243 4 7 6.243 7 9h2c0-1.654 1.346-3 3-3s3 1.346 3 3c0 1.069-.454 1.465-1.481 2.255-.382.294-.813.626-1.226 1.038C10.981 13.604 10.995 14.897 11 15v2h2v-2.009c0-.024.023-.601.707-1.284.32-.32.682-.598 1.031-.867C15.798 12.024 17 11.1 17 9c0-2.757-2.243-5-5-5zm-1 14h2v2h-2z"
          ></path>
        </svg>
      </div>
    </div>
    <div class="flex flex-col w-4/5 mt-2 text-gray-600">
      <h2 class="text-xl font-bold text-gray-800">Característica 2</h2>
      <p class="mt-2 text-gray-600">
        Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      </p>
    </div>
  </div>
</div>
</div>
</section>
</div>