JSFiddle - React, Tailwind, and code Playground

by hopest

HTML

<div></div>

CSS

*
{
    margin:0;padding:0;
}

div
{
    width: 90vw; /* 90% of viewport vidth */
    height: 50.625vw; /* ratio = 9/16 * 90 = 50.625 */
    background: pink;
    max-height: 90vh;
    max-width: 160vh; /* 16/9 * 90 = 160 */
    margin: auto;
    position: absolute;
    top:0;bottom:0;
    left:0;right:0;
}