CodePen Embed - Respect for Aspect

<script src="https://cdn.tailwindcss.com"></script>

<div class="grid place-items-center h-screen">
  <div class="w-[50%] flex flex-col p-4 gap-4 bg-blue-200">
    <h1 class="text-2xl">Image Title</h1>
      <img class="aspect-video object-cover h-full w-full" src="https://images.unsplash.com/photo-1695997592676-6b84e629b8ad" alt="" />
    <p>Descriptive text for aspect ratio card demo.</p>
  </div>
</div>

This Pen is owned by Juan Manuel Allo Ron on CodePen.

See more by @juanallo on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.