# Frame

>***Layouts are NOT components! They are only a demo of the layout primitive for Storybook.  To use layout primitives in your own templates simply use the appropriate CSS Classes.  See documentation and code samples for more details.***

The Frame layout is mostly use for cropping images or video to a desired aspect ratio. You can set the ratio via the inherited values for `--frame-h` and `--frame-v` or the width and height respectively. These are ratio values like 16:9 or 1:1, not specific pixel values.

You could set these values on a Section or Cards elements so that any nested Card components would inherit the same ratio for uniformity in their media.

<details>
  <summary>Inherited CSS Variables:</summary>
  - `--frame-h`: *(16)* The horizontal aspect value.
  - `--frame-v`: *(9)* The vertical aspect value.
</details>
