Aspect ratio

A box that keeps its proportions. Media covers.

16 : 9

Install

npx raster add aspect-ratio

<div class="rs-ratio" style="aspect-ratio:16/9;max-width:280px;background:var(--divider-subtle)"></div>

import { AspectRatio } from "@/components/raster/aspect-ratio";

<AspectRatio ratio={16 / 9}>
  <img src="/cover.jpg" alt="" />
</AspectRatio>

.rs-ratio