[ Foro de Javascript ]

Fetch Data diferent div same class

Necesito que la respuesta que llega de la consulta se divida uno a uno por cada div que tiene la misma clase.
Por ejemplo .- si en la respuesta llega (nombre y año) y esto se repite trees veces, no quiero que los 3 se coloquen en el primer div.. quiero que esas 3 respuestas de acomoden en cada div en la misma clase, es decir uno por div


//HTML
<div class="app">
</div>
<div class="app">
</div>
<div class="app">
</div>

//JS

fetch("https://reqres.in/api/unknown")
.then(response => {
if(!response.ok) {
throw Error("Error");
}
return response.json();
})
.then(data => {
console.log(data.data);
const html = data.data.map(product => {
return `
<div>
<p>${product.name}</p>
<p>${product.year}</p>
</div>
`
})
.join("");
console.log(html);
document.querySelector(".app").insertAdjacentHTML("afterbegin", html);
})