Oi, Izabela! Tudo bem com você?
A ideia desse desafio era realizar o código no Codepen que está dentro do desafio mesmo, para praticar. Mas caso você queira realizar o desafio dentro do seu projeto, recomendo que adicione o HTML do player ao fim do arquivo index.html e crie dentro da pasta grid-flex um arquivo secao-player.css. Nele você irá adicionar o CSS do player. Não se esqueça de linkar o novo arquivo CSS ao header do index.html:
<link rel="stylesheet" href="./src/style/grid-flex/secao-player.css">
Se quiser aplicar um estilo para fixar o player na parte inferior da tela, você pode adicionar o seguinte CSS à div
que o contém:
.secao-player {
position: fixed;
bottom: 0;
}
Espero que possa ter te ajudado. Caso tenha alguma dúvida, estou à disposição.
Um abraço e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!