JSFiddle - React, Tailwind, and code Playground

by dsgnr

HTML

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

JavaScript

var x=70;//initial width minus the margin
var m=10;//margin
var n=12;//number of columns
var dimensions = "px";
    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+dimensions+';}<br/>';
$('.out').append(output);


}