JSFiddle - React, Tailwind, and code Playground

CSS

*{
    margin: 0;
    padding 0;
}
img{
    border: 1px solid black;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
}
div:after{
    display: block;
    content: '';
    clear: both;
}

JavaScript

$(document).ready(function(){
    // funktion aufrufen und Anzahl mitgeben
    erzeug_boxen(289);
})
function erzeug_boxen(anzahl) {
    // Quadratwurzel aus Anzahl ziehen (ergibt Spaltenzahl)
    var br = Math.sqrt(anzahl);
    //Breite einer Box errechnen ( 100% durch Spalten)
    var width = 100 / br;
    //Erste Zeile öffnen
    var html = '<div>';
    //Spaltenzähler
    var x = 0;
    for (var i = 0; i < anzahl; i++) {
        //Box füllen
        html += '<img style="width: '+width+'%" src="http://hydra-media.cursecdn.com/minecraft.gamepedia.com/d/d5/BrownMushroomStalk.png">';
        //Wenn Letzte Spalte der Zeile
        if (x == br-1) {
            //Zeile schliesen und neue öffnen
            html += '</div><div>';
            //Spaltenzähler wierder auf 0 setzen ( eine zeile drunter wird +1 gezählt, deswegen hier -1..
            x = -1;
        };
        // Spalte dazu zählen
        x++;
    };
    //Letzte Zeile schließen
    html += '</div>';
    //Das ganze ausgeben
    $('body').append(html);
}