JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

HTML

<script src="http://theconfluencegroup.com/circs/jquery.fittext.js"></script>
<div class="x1">
    <div class="x2">lol dude</div>
    <div class="x2"></div>
    <div class="x2"></div>
    <div class="x2"></div>
</div>

CSS

.x1 {
    float:left;
    width:100%;
}
.x2 {
    display:block;
    float:left;
    padding: 12.5%;
    width:auto;
    height:auto;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -khtml-border-radius: 50%;
    background:#eee;
    text-align:center;
    font-size:50px;
}

JavaScript

$(".x2").fitText(.3);