Design comparison
Community feedback
- @michel-moreiraPosted almost 2 years ago
Olá Lucas! Primeiro quero te parabenizar por concluir esse desafio!
Eu tenho algumas dicas que podem te ser úteis.
A tag img que você colocou dentro de um link possui um atributo que é o "alt", nele você diz algo sobre a imagem algo como: "Equilibrium NFT" (com espaços e sem hífen mesmo); ele é responsável por especificar um texto alternativo para a imagem. Ela pode não carregar, o usuário pode ter problemas com a rede, o usuário pode ter alguma incapacidade visual e ele usa o leitor de tela, enfim serve para fins de acessibilidade. Você pode ver mais sobre isso aqui.
"O texto alt deve sempre descrever os conteúdos de uma imagem com o maior número de detalhes possível. O quanto mais específico você puder ser ao descrever uma imagem, melhor, pois isso ajudará a classificá-la na pesquisa do Google Imagens e contextualizará sua relação com o conteúdo da sua página" Citação desse site
Você precisa usar a tag h1, ao inés da tag h2, pois a página se segue uma hierarquia, dessa forma sempre se deve começar o h1; você pode inclusive, só substituir o h2 pelo h1 no html sem alterar a class, então não haverá mudanças, uma vez que seu estilo foi aplicado na classe.
Notei que você não fez a parte de interação com a imagem, se você por acaso teve dificuldade e precisa de uma ideia de como fazer (o que eu tive rsrs), eu terminei esse desafio também e se quiser dar uma olhada em como resolvi fique à vontade, aqui está o meu repositório.
Espero que essa dicas sejam úteis para você.
Happy coding!
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord