JSFiddle - React, Tailwind, and code Playground

by timspqr

HTML

<div class='container'>
</div>

CSS

.container {
    width: 600px;
    height: 800px;
    border: 8px solid gray;
    overflow: hidden;
}
.container div {
    border: 0px solid blue;
    float: left;
    width: 10px;
    height: 10px;
}
.clearboth {
    clear: both;
    display: none;
}

JavaScript

for(var n=1; n < 100; n++)
   {
    for(var r = 1; r < 50; r++)
       {
        mycolor = '#' + Math.random().toString(16).substring(2, 8);
        var mydiv = "<div style='background-color:" + mycolor + " ;'></div>";
        $( '.container' ).append( mydiv );
        }
        $( '.container' ).append( "<div class='clearboth'></div>");
    }