JSFiddle - React, Tailwind, and code Playground

HTML

<main>
  <center>Check me out, ma, I'm percentage-based</center>
</main>

CSS

main {
  width: 100vw;
  padding-bottom: 20%;
  background: red;
}


* {
  padding: 0;
  margin: 0;
}