Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Site Responsivo com Flex-Box

@Leonardo-Marcilino

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Tive um pouco de dificuldade na hora de sobrepor um elemento no outro para fazer o efeito com hover na imagem principal.

Estou aberto a dicas para melhoria do código e semântica.

Community feedback

P. Ricardo 2,370

@pRicard0

Posted

Algumas diquinhas HTML.

  • Quando você tem imagens meramente ilustrativas, que servem apenas para decorações, lembre-se de deixar o atributo alt vazio. Você não vai querer que leitores de tela fique lendo imagens decorativas para pessoas com deficiência visual.
  • Você está utilizando muito a tag <span>, dá para tentar utilizar outras. Por exemplo, utilizar a tag <em>, a tag de emphasis para ter um significado semântico no texto ao invés da tag span com a classe eth. No nome do cara não é para utilizar a tag <span> porque aquele nome ali provavelmente é uma âncora que te levaria para outro lugar quando clicasse, ela não teria esse efeito atoa, ou seja, utilize a tag <a>

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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