AspectRatio
Maintain responsive consistent width/height ratio
Import
Source
Docs
Package
Usage
AspectRatio
allows maintaining a consistent width/height ratio.
It can be used to display images, maps, videos and other media.

Map embed
Video embed
Inside flex container
By default, AspectRatio
does not have fixed width and height, it will take as much space as possible
in a regular container. To make it work inside flex container, you need to set width
or flex
property.
