Aspect Ratio

Aspect Ratio maintains a consistent width-to-height ratio for any content.

Import

import { AspectRatio } from "@shivms/ui";

Ratios

1 : 1

Example

4 : 3

Example

3 : 2

Example

16 : 9

Example

21 : 9

Example

Custom Ratio

2 : 1

Example

5 : 4

Example

Elements

Div

Example

Section

Example

Article

Example