JSFiddle - React, Tailwind, and code Playground

by Abhisek DasGupta

HTML

<div>
  <div class="text">
  This is some text I want resized
  </div>
</div>

CSS

.text{
	position: absolute;
	width:100%;
	top:36%;
	left:0;
	right:0;
	font-size: 5.625vw;
	color:#2d90db;
	text-align:center;
}

@media (min-aspect-ratio: 16/9) {
  .text {
    color: red;
    font-size: 10vh ;
  }
}