JSFiddle - React, Tailwind, and code Playground

HTML

<div style="height:200px; width:200px" class="works"></div>
<div style="height:200px; width:200px" class="not"></div>

CSS

.works{
    transform:translate(50px);
    -o-transform:translate(50px);
    -webkit-transform:translate(50px);
    -ms-transform:translate(50px);
    -moz-transform:translate(50px);
    background:green}
.not{
    transform:translate(calc(100% - 200px));
    -o-transform:translate(-o-calc(100% - 200px));    
    -ms-transform:translate(c-ms-alc(100% - 200px));
    -moz-transform:translate(-moz-calc(100% - 200px));
    -webkit-transform:translate(-webkit-calc(100% - 200px));
    background:red;);