JSFiddle - React, Tailwind, and code Playground

HTML

<menu type=list>
    <li><label>Current</label><input type=checkbox></li>
    <br/>
    <li><label>Larger version</label><input type=checkbox class=scale></li>
    <br/>
    <li><label>Big version</label><input type=checkbox class=scale></li>
    <br/>
    <li><label>Same Big version</label><input type=checkbox class=scale></li>
    <br/>
    <li><label>Larger version</label><input type=checkbox class=scale></li>
    <br/>
    <li><label>Larger version</label><input type=checkbox class=scale></li>
</menu>

CSS

input[type="checkbox"]{
   
}
input[type="checkbox"].scale {
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    transform: scale(4);
}

menu{
    width:400px;
    margin:40px 40px 40px 0 ;
}

menu li{
    float:left;
    width:50%;
    list-style:none;
}

menu label{
    margin: 0 20px 0 0;
    text-transform:uppercase;
    font-weight:bolder;
}