JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/simplefocus/FlowType.JS/master/flowtype.js"></script>
<div class="container">
	<div class="content">
        <h2>This is just a demo</h2>
	</div>
</div>

CSS

body{
    	font-size: 18px;
    }


    .container{
    	width: 80%;
    	display: block;
    	background: #ccc;
    	text-align: center;
    	margin: 0 auto;
    }
    .content{
    	width: 60%;
    	background-color: blue;
    	display: block;
    	text-align: center;
    	margin: 0 auto;
    	color: white;
    	padding: 20px 0;
    }
    h2{
    	font-size: 60px;
    	font-family: arial;
    }

JavaScript

$('.content').flowtype({
    minimum: 200,
    maximum: 1000,
    minFont: 8,
    maxFont: 40,
    fontRatio: 20
});