JSFiddle - React, Tailwind, and code Playground
HTML
<tickstream>
<span>Cris is awesome</span>
</tickstream>
CSS
tickstream {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
box-sizing:border-box;
background-color:rgb(64, 224, 208);
font-size:61.8vh;
font-family:"Gill Sans"
}
tickstream span {
position:absolute;
width:auto;
height:auto;
top:50%;
-webkit-transform:translate(0, -50%);
white-space:nowrap;
text-overflow:clip;
}
JavaScript
var tickstream = document.querySelector('tickstream');
function resize() {
tickstream.style.fontSize = '61.8vh';
}
window.addEventListener('resize', resize);
window.addEventListener('orientationchange', resize);