Ajax 2 : 상품 더보기 버튼 만들기 질문입니다.

<script>

    let products =[
        {id: 0,price: 70000, title:'Blossom Dress'},
        {id: 1,price: 50000, title:'shirt'},
        {id: 2,price: 60000, title:'jin'}
    ];

products.forEach((a,i)=>{
    let tem=
    `<div class="col-sm-4">
      < img src="https://via.placeholder.com/600" class="w-100">
      <h5>${products[i].title}</h5>
      <p>${products[i].price}</p>
    </div>`;
    document.querySelector('.row').insertAdjacentHTML(tem);

})
</script>

쌩자바스크립트로 해보고 있는데 이게 아닌걸까요 ㅠ 잘되질 않습니다.
콘솔창 오류는 이렇게떠요

Uncaught TypeError: Failed to execute 'insertAdjacentHTML' on 'Element': 2 arguments required, but only 1 present.
at
at Array.forEach (<anonymous>)
at