JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

HTML

<h1>SEEKING WORLD CLASS TALENT.</h1>

CSS

/* 75px @ 320px increasing to 90px @ 1920px */
@media (min-width: 320px) {
  h1 {
    font-size: calc(4.6875rem + ((1vw - 3.2px) * 0.9375));
    /* Where: * 0.9375 = 100 * font_Size_Difference / viewport_Width_Difference */
  }
}
/* Prevent font scaling beyond this breakpoint */
@media (min-width: 1920px) {
  h1 {
    font-size: 90px;
  }
}