I'm looping over an array of images, creating the div that will contain all the information and then appending it to the div that will contain them. What I've done is working just fine, however, I've been wondering if there's a cleaner way to do what I'm doing right now:

    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);
    });