JSFiddle - React, Tailwind, and code Playground

by Gert Vaartjes

HTML

<div id="wrap">

</div>

CSS

.thumb {
  width:50px;
  height:50px;
  border: 1px solid red;
  float:left;
  display:inline-block;
}

.thumb img {
  width: 100%;
}

JavaScript

var wrap = document.getElementById('wrap'),
	div,
  img;

for (var idx = 0; idx < 50; idx++) {
	div = document.createElement('div');
  div.className = 'thumb';
  img = document.createElement('img');
  img.src = 'http://localhost:8080/export/logger/svg/0.svg';
  div.appendChild(img);
  wrap.appendChild(div);
}