Robot
arck.liu

<body class="bg-gray-100 font-sans leading-normal tracking-normal p-6">
  <div class="max-w-4xl mx-auto">
    <h1 class="text-3xl font-bold mb-6 text-center">Image Gallery</h1>
    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
      <div class="bg-white rounded-lg shadow-lg overflow-hidden">
        <img src="https://placehold.co/300x200" alt="Placeholder Image 1" class="w-full h-48 object-cover">
        <div class="p-4">
          <h2 class="text-xl font-bold">Image Title 1</h2>
          <p class="text-gray-600">Description for image 1.</p>
        </div>
      </div>
      <div class="bg-white rounded-lg shadow-lg overflow-hidden">
        <img src="https://placehold.co/300x200" alt="Placeholder Image 2" class="w-full h-48 object-cover">
        <div class="p-4">
          <h2 class="text-xl font-bold">Image Title 2</h2>
          <p class="text-gray-600">Description for image 2.</p>
        </div>
      </div>
      <div class="bg-white rounded-lg shadow-lg overflow-hidden">
        <img src="https://placehold.co/300x200" alt="Placeholder Image 3" class="w-full h-48 object-cover">
        <div class="p-4">
          <h2 class="text-xl font-bold">Image Title 3</h2>
          <p class="text-gray-600">Description for image 3.</p>
        </div>
      </div>
      <div class="bg-white rounded-lg shadow-lg overflow-hidden">
        <img src="https://placehold.co/300x200" alt="Placeholder Image 4" class="w-full h-48 object-cover">
        <div class="p-4">
          <h2 class="text-xl font-bold">Image Title 4</h2>
          <p class="text-gray-600">Description for image 4.</p>
        </div>
      </div>
      <div class="bg-white rounded-lg shadow-lg overflow-hidden">
        <img src="https://placehold.co/300x200" alt="Placeholder Image 5" class="w-full h-48 object-cover">
        <div class="p-4">
          <h2 class="text-xl font-bold">Image Title 5</h2>
          <p class="text-gray-600">Description for image 5.</p>
        </div>
      </div>
      <div class="bg-white rounded-lg shadow-lg overflow-hidden">
        <img src="https://placehold.co/300x200" alt="Placeholder Image 6" class="w-full h-48 object-cover">
        <div class="p-4">
          <h2 class="text-xl font-bold">Image Title 6</h2>
          <p class="text-gray-600">Description for image 6.</p>
        </div>
      </div>
    </div>
  </div>
</body>