JSFiddle - React, Tailwind, and code Playground

by Abhisek DasGupta

HTML

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

CSS

.text{
	font-size: 5.625vw;
	color:#2d90db;
	text-align:center;
}

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