Estoy recorriendo una serie de imágenes, creando el div que contendrá toda la información y luego agregándolo al div que los contendrá. Lo que he hecho está funcionando bien, sin embargo, me he estado preguntando si hay una forma más limpia de hacer lo que estoy haciendo ahora:

 artworks.records.forEach((artwork, i) => { const record = `<div class='artwork'>` + `<div class='artwork-image-container'>` + `<img class="artwork-image" src="${artwork.images.length > 0 ? artwork.images[0].baseimageurl : './assets/no-image-available.png'}" alt="${artwork.title}" />` + "</div>" + "<div class='image-description-container'>" + `<p class="image-description">${artwork.title}</p>` "</div>" + "</div>"; divToBeRenderedIn.append(record); });