Corrección a centrado del span "# de clases"
function mostrarCurso(curso) {
const hijo = document.createElement("div")
hijo.classList.add("card")
hijo.innerHTML = <div class="img-container s-ratio-16-9 s-radius-tr s-radius-tl"> <img src="${curso.getPoster()}" alt="${curso.getNombre()}"/> </div> <div class="card__data s-border s-radius-br s-radius-bl s-pxy-2"> <h3 class="t5 s-mb-2 s-center">${curso.getNombre()}</h3> </div> <div class="s-mb-2 s-main-center"> <div class="card__teacher s-cross-center"> <span class="small"># de clases: ${curso.getClases()}</span> </div> </div>
elem.appendChild(hijo)
}
Se eliminan 2 div - card_avatar y div - circl, quedando nuestro span dentro del div - card_teachers