Adding a few different approaches to responsive aspect ratios to the README!
One uses a wrapper element with the padding technique, other demos use JavaScript in some way to be aware of the native dimensions of the content inside a tag (or its supplied aspect ratio), and then JavaScript manages the width and height properties of that tag directly to make sure the height stays in the correct ratio to the width (which is left free to expand to fill its container).
Adding a few different approaches to responsive aspect ratios to the README!
One uses a wrapper element with the padding technique, other demos use JavaScript in some way to be aware of the native dimensions of the content inside a tag (or its supplied aspect ratio), and then JavaScript manages the
widthandheightproperties of that tag directly to make sure theheightstays in the correct ratio to thewidth(which is left free to expand to fill its container).Hope this helps, and happy hacking!