fix:Avoiding <img> layout shifts

This commit is contained in:
Sevichecc 2022-08-02 15:50:08 +08:00
parent 23497a0215
commit ec3227c838

View file

@ -18,8 +18,8 @@
</div>
<div class="card-body p-4">
<div class="flex flex-col md:flex-row items-start gap-4">
<div class="mb-auto max-w-full shrink-0 md:max-w-xs">
<img class="rounded-md" src={project.img} alt={project.description} />
<div class="mb-auto aspect-video w-full max-w-full shrink-0 md:max-w-xs">
<img class="rounded-md " src={project.img} alt={project.description} />
</div>
<div class="card-title flex-1 flex-col items-start gap-4">
<div>