JSFiddle - React, Tailwind, and code Playground

HTML

<div class="em-ordem"></div>
<div class="aleatoria"></div>
<p>Ambas funcionam do mesmo jeito.</p>

CSS

div {
    padding:40px;
    background:yellow;
    margin:5%;
    float:left;
}
.em-ordem {
    width:-webkit-calc(40% - 80px);
    width:-moz-calc(40% - 80px);
    width:calc(40% - 80px);
}
.aleatoria {
    width:calc(40% - 80px);
    width:-webkit-calc(40% - 80px);
    width:-moz-calc(40% - 80px);
}