Assisti e fiz todo o ensino do vídeo extra para tentar usar no projeto, mas não funcionou nenhum dos códigos, nem mesmo cópiando o do vídeo extra, como posso resolver isso?
Link da vídeo aula extra: https://cursos.alura.com.br/extra/alura-mais/animacao-de-coracao-um-projeto-em-html-css-c1360
link da solução: https://codepen.io/mmhillman/pen/ZEXrKqz
Olá, Luis!
Primeiro, é verifica certinho se você copiou o código corretamente e que todos os arquivos necessários estão no lugar certo. Aqui estão alguns passos que você pode seguir para garantir que tudo esteja funcionando:
Veja se o HTML está estruturado corretamente. Certifique-se de que o CSS está correto e que as classes estão sendo aplicadas corretamente.
Verifique o Console do Navegador: Abra o console do navegador (F12 ou Ctrl+Shift+I) e veja se há algum erro sendo exibido. Isso pode dar uma pista do que está errado.
Compare seu código com o exemplo fornecido no CodePen. Verifique se há alguma diferença que possa estar causando o problema, pois no codepen está funcionando.
Por fim lembre-se que o codepen conecta de forma automática o HTML com o CSS, verifique se no seu código houve essa conexão com a seguinte linha:
<link rel="stylesheet" href="style.css">
Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Então, eu usei a base do CodePen para fazer com os arquivos que tenho do curso e não funcionaram.