PhxShadcn

Aspect Ratio

16:9 ratio Open in playground 
<.aspect_ratio class={["w-64"]} ratio={1.7777777777777777}>
  <img src="https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80" class="size-full rounded-md object-cover" />
</.aspect_ratio>
1:1 ratio Open in playground 
<.aspect_ratio class={["w-32"]} ratio={1.0}>
  <img src="https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80" class="size-full rounded-md object-cover" />
</.aspect_ratio>