Este desafio tem como objetivo a implementação de uma tela em HTML e CSS, seguindo um layout copiado desenvolvido para esta atividade, que pode ser encontrado neste link do Figma. A tela consiste em uma playlist de Reggae que deve ser responsiva, conforme demonstrado no layout para as orientações de organização em modo paisagem ou retrato. Porém, os placeholders das músicas e álbuns devem ser substituídos por músicas e álbuns reais de reggae.
Caso surjam dúvidas, é possível contatar um monitor ou utilizar o fórum da capacitação. Porém, é importante lembrar que as competências para compreender os requisitos e formular as perguntas corretas para o cliente são tão cruciais quanto o conhecimento técnico.
Para realizar este desafio, você deverá realizar um fork deste repositório para sua conta pessoal no GitHub. A entrega só será considerada válida se estiver incluída em uma release no GitHub. Caso você não saiba como realizar um Fork, Commit, Push e uma Release no GitHub, deverá pesquisar ou pedir ajuda. O desafio também avaliará sua independência.
- A tela deve ser implementada de acordo com o layout.
- A aba "Últimos lançamentos" deve apresentar 10 músicas de reggae de sua escolha.
- A aba "Álbuns" deve mostrar duas capas de álbuns de reggae de sua escolha.
- O card de uma música deve conter o nome da música e o artista/banda que gravou, além de uma foto.
- A foto poderá ser a capa do álbum que a música pertence.
- Caso o álbum não tenha uma capa ou a música não pertença a um álbum, é possível usar uma foto do artista.
- O card de um álbum deve conter a foto e o nome do álbum e o nome do artista.
- O candidato deve utilizar HTML e CSS para solucionar o desafio, sendo proibido utilizar bibliotecas de CSS, como Bootstrap, Tailwind, entre outras.
- O desafio deve ser implementado em um único arquivo HTML e um arquivo CSS separado.
- O uso de JavaScript é permitido, porém ele deverá estar em um arquivo separado do HTML.
- O código do projeto deve ser organizado, indentado e legível. Tão importante quanto um programa funcional é um código fonte fácil de modificar e entender.
- A tela deve manter sua organização em resoluções diferentes, os testes serão feitos na resolução 1024x768 e 375x667 (dica: lembre-se do conteúdo apresentado no curso como flexbox, grid, media query e development tools)
- A entrega do desafio deve ser realizada através de uma Release no GitHub.
- Somente o link para a release deve ser enviado por e-mail.
- O candidato não deve excluir o repositório
- O desafio deverá ser entregue até no máximo 02/05 às 23:59