JSFiddle - React, Tailwind, and code Playground

by dsgnr

HTML

<p class="out"></p>

JavaScript

var x=34.5;
var m=13;
var n = 24;
var w = 1140;
    for(i=1;i<=n;i++){
       // var grid = b*i+m*(i-1);
        var grid = x*i+m*(i-1);
        grid = Math.round(grid*100)/100;
        
        var output = '.box-'+i+'{width:'+grid+'px;}<br/>';
$('.out').append(output);


}