i needed to add a closing "</div>" in my javascript

  let y = "";
    for (let i = 0; i<player.production.length; i++) y = y + `<div id="production${i+1}"><img src="./img/button/production_empty.svg" id="productionButton${i+1}"><progress min="0" max="1" id="production${i+1}Progress"></progress>`;
    document.getElementById('productionList').innerHTML = y;