JSFiddle - React, Tailwind, and code Playground

by dievardump

HTML

<main></main>

CSS

html, body { padding: 0; margin: 0; } 

main {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  background: red;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}