JSFiddle - React, Tailwind, and code Playground

by Denis Plotnikov

HTML

<div id="data">

</div>

CSS

img {
  width: 100px;
}

JavaScript

const html = [];
for (let i = 1; i <= 18; i++) {
	 html.push(`<b>Item ${i}</b><br>`);
   html.push(`<img src="https://assets.fancy.center/items/item-${i}-main_photo.jpeg?${Date.now()}">`);
   html.push(`<img src="https://assets.fancy.center/items/item-${i}-photo_1.jpeg?${Date.now()}">`);
   html.push(`<img src="https://assets.fancy.center/items/item-${i}-photo_2.jpeg?${Date.now()}">`);
   html.push(`<img src="https://assets.fancy.center/items/item-${i}-photo_3.jpeg?${Date.now()}">`);
   html.push(`<img src="https://assets.fancy.center/items/item-${i}-photo_4.jpeg?${Date.now()}">`);
   html.push(`<hr>`)
};
document.getElementById('data').innerHTML = html.join('');