Este desafio de HTML e CSS é perfeito para quem está começando ou para quem quer um pequeno projeto para estudar. Seu desafio é criar o NFT preview card component e deixá-lo o mais próximo possível do design. Você pode usar qualquer ferramenta que desejar para ajudá-lo a concluir o desafio. Portanto, se você tem algo que gostaria de praticar, sinta-se à vontade para utilizar.
Seus usuários devem ser capazes de:
- Visualizar o layout ideal, dependendo do tamanho da tela do dispositivo
- Visualizar os estados de foco para elementos interativos
- HTML5 Semântico
- Propriedades personalizadas CSS
- BEM
- Flexbox
- Desktop-first
Estruturar o HTML, criar as tags, estilizar com o CSS não foi difícil. Por outro lado, foi mais desafiador criar o overlay da imagem do card. Aprendi como fazer, e como trabalhar com a imagem do ícone no overlay. Estudei também as diversas maneiras de centralizar o card na página, seja com CSS flexbox ou CSS grid.